Marcel Duran
pdf
print
contact@marcelduran.com @marcelduran github.com/marcelduran
updated Aug 2013
Work Experience
-
Twitter Inc.
May 2012 - Present (1 year 3 months)
-
YSlow Open Source Project
May 2012 - Present (1 year 3 months)
- Designed and built YSlow for PhantomJS as command line yielding a full fledged web performance continuous integration standalone solution;
- Integrated YSlow as command line into Jenkins to test performance and break builds on continuous integration process;
- Added Google PageSpeed as a YSlow ruleset powered by PageSpeed Insights service allowing YSlow to run PageSpeed analysis from its dashboard;
-
Yahoo! Inc.
Sep 2008 - Apr 2012 (3 years 8 months)
-
Front End Lead @ Exceptional Performance Team
Nov 2010 - Apr 2012 (1 year 5 months)
- Opensourced YSlow under github.com/marcelduran/yslow;
- Refactored YSlow architecture to MVC in order to port to major browsers extensions and non-browser environments;
- Ported YSlow as an extension to Chrome (212K users) and Apple Safari;
- Brought YSlow into Mobile world as a Bookmarklet using YQL as HTTP header proxy;
- Ported YSlow to command-line powered by NodeJS leveraging automation and integration with Gomez Mobile team and WebPageTest;
- Maintained YSlow for Firefox (144K users) up-to-date with Mozilla Firefox 6-week release cycle, establishing good relationship with Mozilla and Firebug team;
- Ported YSlow as an extension to Opera (93K users) being part of Opera’s recommended extension;
- Presented tech-talk to Facebook Site Speed team at Facebook HQ;
- Made YSlow more social by adding Facebook and Twitter buttons encouraging users to share their results linking back to an interactive YSlow scoremeter;
- Presented YSlow/Performance internal tech-talks and at Yahoo! Frontend Summit 2011;
- Spoke at O’Reilly Velocity Online Conference for 300+ remote audience;
- Spoke at O’Reilly Velocity Conference for 2K+ main track audience;
- Presented Web Performance Optimization 101 tech-talk to 200+ Computer Science students at UCSD;
- Researched and helped cross Yahoo! teams to solve performance/accessibility issues on high-contrast screens which resulted in brand new CSS spriting technique;
- Blogged on Performance Calendar 2010 and 2011 where the former was republished at YDN and ended up as part of HTML5 Bolieriplate project webserver configs and the latter published by O’Reilly as an e-book;
- Won Yahoo! Hackovation Q2 2011 with WebPageTest private instance deployed worldwide (Yahoo! offices and datacenters) with YSlow integration leveraging performance and QA tests, post-outage verification and market competitors comparison by business teams.
-
Front End Engineer @ Search Team
Oct 2009 - Nov 2010 (1 year 2 months)
- Developed Yahoo! Maktoob Search Result Page, the first Yahoo! RTL (right-to-left) product, getting up to speed with the current Global Search Platform and RTL research in order to deliver in less than 50 days;
- Shared my RTL experience across Yahoo! teams through tech-talks and consulting;
- Contributed to the i18n team defining company-wide RTL web interaction standard behavior;
- Built Firefox addon (RTLzr) to flip LTR/RTL pages during my spare time helping other Yahoo! teams and the external community to easily flip pages on-the-fly;
- Found RTL cross-browser issues and filed bugs for browser vendors;
- Optimized Trivia Quiz Mail Logout loading time without hurting user previous experience by reducing the number of images (HTTP requests), using CSS3 extensively with fallback for unsupported browsers and lazy loading page components;
- Found some unknown IE gradient filter issues and workaround for them;
- Analyzed several ways to load the Earth Day campaign module components finding the fastest and lightest one providing the best user experience. Shared the analysis details on Yahoo! Developer Network blog post which was tweeted by several performance experts, such as Steve Souders, Stoyan Stefanov and John Resig;
- Redesigned Contextual Shortcuts frontend using YUI3 improving its performance without hurting user experience and leveraging accessibility. Integration with other Yahoo! properties was seamlessly, sandboxed and did not impact user’s time to interact. A very unique cross-domain iframe communication was developed for this project which also contributed to other developers across Yahoo!;
- Co-authored the JavaScript serving architecture for Contextual Shortcuts, defining the caching and updates flow and servers.
-
Front End Engineer @ Frontpage Team
Sep 2008 - Oct 2009 (1 year 2 months)
- Applied performance best practices on LaTam (Brazil, Mexico, Argentina, USA spanish, Colombia, Venezuela, Chile, Peru) frontpages, when all pages were over the SLA, dropping significantly the overall page load time achieving better results beyond the expectation, improving the final user experience and saving network bandwidth;
- Created and developed an internal tool during my spare time using JavaScript, YUI, PHP and MySQL, for monitoring oversized/not optimized images across Yahoo! properties, warning/emailing the responsible team with reports, improving the page performance on page load measurements;
- Refactored the LatAm frontpages HTML, CSS and JavaScript cutting in more than half the number of requests and page sizes;
- Attended a performance workshop leaded by Nicole Sulivan where she compared the prior LatAm frontpage with the refactored one pointing out the excellent usage of some performance best practices;
- As a front end performance expert, provided performance consulting for different LatAm teams;
- Proposed a better solution for ads team in order to unblock page rendering and promote more parallel downloads in all properties which is already in their roadmap for next generation ads instrumentation. Proved to be better with several tests, data and charts;
- Code reviewed some JavaScript codes across different teams and properties usually pointing out performance caveats;
- Refactored the entire JavaScript code from LatAm frontpages having no warnings from JSLint code quality tool;
- Created and developed a hack during my spare time using JavaScript, YUI and PHP on top of an internal sprint management tool where its interface is now presented as a SCRUM board-like application helping remote members of geographically distributed teams to sync up with team’s stories and tasks status. With easy and intuitive draggable interface moving tasks across columns became very efficient and also provides a presentation mode, useful for displaying the SCRUM board on a big screen.
-
Throughout Yahoo! experience
- As a team player, always worked in SCRUM teams, focusing and helping the process;
- Attended several tech-talks, FE summits, YUI conferences and performance/FE meetups;
- Very participative on internal discussion lists, specially those related to front end development and performance;
- Phone-screened and interviewed on-site several FE candidates providing feedback for the hiring committee.
Education
- B.S., Computer Science, Universidade Presbiteriana Mackenzie, 2007. GPA 3.5 cum laude
Publications
- WebPageTest, The Definitive Guide - coming soon
- O’Reilly Web Performance Daybook - Volume Two - Chapter 11: Pure CSS3 Images? Hmm, Maybe Later, Jun 2012
- Performance Calendar, Dec 2010,2011,2012
- Yahoo! Developer Network Blog, Apr 2010, Dec 2010, Feb, 2012
- YUI Blog - Next Gen YSlow powered by YUI, Jul 2011
Conferences
Awards
- Twitter Hackweek winner for Twisitor, Q1 2013
- Yahoo! Hackovation award for WebPageTest private instance worldwide, Q2 2011
- Yahoo! You Rock award for Maktoob RTL Search, Q4 2009
Side Projects