The New Yahoo! Homepage and YUI 3

Nicholas Zakas
Nicholas ZakasFront End Guy at Box
••
The New Yahoo! Homepage and YUI 3.0 Nicholas C. Zakas Principal Front End Engineer, Yahoo!
1996
1997
1999
2002
2004
2006 YUI 2
Homepage Stats ,[object Object],[object Object]
2008 YUI 3
Goals ,[object Object],[object Object],[object Object],[object Object]
Eliminate Global Dependencies ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Dependencies:
Eliminate Global Dependencies
Make It Small, Make It Fast ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Make It Small, Make It Fast
Create Version Independence
Allow Code Portability
Be Forward Compatible
3 > 2
 
Etcetera ,[object Object],[object Object],[object Object],[object Object]
1 of 20

The New Yahoo! Homepage and YUI 3

••
Download to read offline
EducationTechnology

A brief talk given at the San Francisco JavaScript Meetup about why the new Yahoo! homepage decided to use YUI 3 instead of YUI 2.

Nicholas Zakas
Nicholas ZakasFront End Guy at Box

Recommended

Performance on the Yahoo! HomepagePerformance on the Yahoo! Homepage
Performance on the Yahoo! HomepageNicholas Zakas
7.9K views•99 slides
Failsafe Mechanism for Yahoo HomepageFailsafe Mechanism for Yahoo Homepage
Failsafe Mechanism for Yahoo HomepageKit Chan
518 views•25 slides
Redesign YahooRedesign Yahoo
Redesign YahooIan Campbell
2K views•35 slides
Yahoo Homepage HistoryYahoo Homepage History
Yahoo Homepage HistoryChristina Wodtke
3.6K views•8 slides
MSDN Live 2010 - Solution ArchitectureMSDN Live 2010 - Solution Architecture
MSDN Live 2010 - Solution ArchitectureSondre Bjellås
2.7K views•76 slides
Windows Vista TourWindows Vista Tour
Windows Vista TourBiswadip Goswami
985 views•27 slides

More Related Content

Similar to The New Yahoo! Homepage and YUI 3

Web 2.0Web 2.0
Web 2.0Anand Sharma
610 views•43 slides

Similar to The New Yahoo! Homepage and YUI 3(20)

LAS16-407: Internet of Tiny Linux (IoTL): the sequel.LAS16-407: Internet of Tiny Linux (IoTL): the sequel.
LAS16-407: Internet of Tiny Linux (IoTL): the sequel.
Linaro•699 views
Web 2.0Web 2.0
Web 2.0
Anand Sharma•610 views
从YUI2到YUI3看前端的演变从YUI2到YUI3看前端的演变
从YUI2到YUI3看前端的演变
Kejun Zhang•2.2K views
Migrating to Git: Rethinking the CommitMigrating to Git: Rethinking the Commit
Migrating to Git: Rethinking the Commit
Kim Moir•4.2K views
Joomla 3 JLayout's - Joomladay Netherlands 2014 #jd14nlJoomla 3 JLayout's - Joomladay Netherlands 2014 #jd14nl
Joomla 3 JLayout's - Joomladay Netherlands 2014 #jd14nl
Philip Locke•3.3K views
الحاسوب في روضتيالحاسوب في روضتي
الحاسوب في روضتي
dalal alagamy•136 views
الحاسوب في روضتيالحاسوب في روضتي
الحاسوب في روضتي
dalal alagamy•94 views
Raiders of the Fast Start: Frontend Performance Archaeology - Performance.now...Raiders of the Fast Start: Frontend Performance Archaeology - Performance.now...
Raiders of the Fast Start: Frontend Performance Archaeology - Performance.now...
Katie Sylor-Miller•1.2K views
Memory management for_android_appsMemory management for_android_apps
Memory management for_android_apps
Bin Shao•3.3K views
Yet another DSL for cross platforms mobile developmentYet another DSL for cross platforms mobile development
Yet another DSL for cross platforms mobile development
Olivier Le Goaër•1.1K views
Puppet Camp Charlotte 2015: Introduction to SIMP: An Open Source Infrastructu...Puppet Camp Charlotte 2015: Introduction to SIMP: An Open Source Infrastructu...
Puppet Camp Charlotte 2015: Introduction to SIMP: An Open Source Infrastructu...
Puppet•2.6K views
Italian Joomla!Day 19 January 2008Italian Joomla!Day 19 January 2008
Italian Joomla!Day 19 January 2008
Wilco Jansen•967 views
Introduction to YUI3 - Palouse Code Camp 2010Introduction to YUI3 - Palouse Code Camp 2010
Introduction to YUI3 - Palouse Code Camp 2010
Jeff Craig•379 views
UWash Hack U - Y!OSUWash Hack U - Y!OS
UWash Hack U - Y!OS
Jonathan LeBlanc•326 views
Making Rich Internet Applications Accessible Through jQueryMaking Rich Internet Applications Accessible Through jQuery
Making Rich Internet Applications Accessible Through jQuery
AEGIS-ACCESSIBLE Projects•1.3K views
Making WordPress fast(er)Making WordPress fast(er)
Making WordPress fast(er)
Walter Ebert•766 views
information technology information technology
information technology
safaaelsayed6•50 views
6717 information technology6717 information technology
6717 information technology
zeinababdelsabour1•11 views
6717 information technology6717 information technology
6717 information technology
safaaelsayed6•46 views
6717 information technology6717 information technology
6717 information technology
safaaelsayed6•17 views

More from Nicholas Zakas

More from Nicholas Zakas(20)

Browser Wars Episode 1: The Phantom MenaceBrowser Wars Episode 1: The Phantom Menace
Browser Wars Episode 1: The Phantom Menace
Nicholas Zakas•77.4K views
Enough with the JavaScript already!Enough with the JavaScript already!
Enough with the JavaScript already!
Nicholas Zakas•260K views
The Pointerless WebThe Pointerless Web
The Pointerless Web
Nicholas Zakas•7K views
JavaScript APIs you’ve never heard of (and some you have)JavaScript APIs you’ve never heard of (and some you have)
JavaScript APIs you’ve never heard of (and some you have)
Nicholas Zakas•51.4K views
JavaScript Timers, Power Consumption, and PerformanceJavaScript Timers, Power Consumption, and Performance
JavaScript Timers, Power Consumption, and Performance
Nicholas Zakas•54.4K views
Scalable JavaScript Application Architecture 2012Scalable JavaScript Application Architecture 2012
Scalable JavaScript Application Architecture 2012
Nicholas Zakas•94K views
Maintainable JavaScript 2012Maintainable JavaScript 2012
Maintainable JavaScript 2012
Nicholas Zakas•90.8K views
High Performance JavaScript (CapitolJS 2011)High Performance JavaScript (CapitolJS 2011)
High Performance JavaScript (CapitolJS 2011)
Nicholas Zakas•57.5K views
Maintainable JavaScript 2011Maintainable JavaScript 2011
Maintainable JavaScript 2011
Nicholas Zakas•12.1K views
High Performance JavaScript 2011High Performance JavaScript 2011
High Performance JavaScript 2011
Nicholas Zakas•10.1K views
Mobile Web Speed BumpsMobile Web Speed Bumps
Mobile Web Speed Bumps
Nicholas Zakas•13.4K views
High Performance JavaScript (Amazon DevCon 2011)High Performance JavaScript (Amazon DevCon 2011)
High Performance JavaScript (Amazon DevCon 2011)
Nicholas Zakas•4.6K views
Progressive Enhancement 2.0 (Conference Agnostic)Progressive Enhancement 2.0 (Conference Agnostic)
Progressive Enhancement 2.0 (Conference Agnostic)
Nicholas Zakas•42.5K views
Progressive Enhancement 2.0 (jQuery Conference SF Bay Area 2011)Progressive Enhancement 2.0 (jQuery Conference SF Bay Area 2011)
Progressive Enhancement 2.0 (jQuery Conference SF Bay Area 2011)
Nicholas Zakas•10.1K views
YUI Test The Next Generation (YUIConf 2010)YUI Test The Next Generation (YUIConf 2010)
YUI Test The Next Generation (YUIConf 2010)
Nicholas Zakas•3.7K views
High Performance JavaScript (YUIConf 2010)High Performance JavaScript (YUIConf 2010)
High Performance JavaScript (YUIConf 2010)
Nicholas Zakas•61.8K views
High Performance JavaScript - Fronteers 2010High Performance JavaScript - Fronteers 2010
High Performance JavaScript - Fronteers 2010
Nicholas Zakas•4.2K views
Nicholas' Performance Talk at GoogleNicholas' Performance Talk at Google
Nicholas' Performance Talk at Google
Nicholas Zakas•4.6K views
High Performance JavaScript - WebDirections USA 2010High Performance JavaScript - WebDirections USA 2010
High Performance JavaScript - WebDirections USA 2010
Nicholas Zakas•59.7K views
High Performance JavaScript - jQuery Conference SF Bay Area 2010High Performance JavaScript - jQuery Conference SF Bay Area 2010
High Performance JavaScript - jQuery Conference SF Bay Area 2010
Nicholas Zakas•47.7K views

Recently uploaded

Drama KS5 BreakdownDrama KS5 Breakdown
Drama KS5 BreakdownWestHatch
54 views•2 slides

Recently uploaded(20)

Drama KS5 BreakdownDrama KS5 Breakdown
Drama KS5 Breakdown
WestHatch•54 views
AI Tools for Business and StartupsAI Tools for Business and Startups
AI Tools for Business and Startups
Svetlin Nakov•74 views
Scope of Biochemistry.pptxScope of Biochemistry.pptx
Scope of Biochemistry.pptx
shoba shoba•119 views
OEB 2023 Co-learning To Speed Up AI Implementation in Courses.pptxOEB 2023 Co-learning To Speed Up AI Implementation in Courses.pptx
OEB 2023 Co-learning To Speed Up AI Implementation in Courses.pptx
Inge de Waard•158 views
Lecture: Open InnovationLecture: Open Innovation
Lecture: Open Innovation
Michal Hron•94 views
Narration lesson plan.docxNarration lesson plan.docx
Narration lesson plan.docx
TARIQ KHAN•92 views
discussion post.pdfdiscussion post.pdf
discussion post.pdf
jessemercerail•85 views
Nico Baumbach IMR Media ComponentNico Baumbach IMR Media Component
Nico Baumbach IMR Media Component
InMediaRes1•368 views
JiscOAWeek_LAIR_slides_October2023.pptxJiscOAWeek_LAIR_slides_October2023.pptx
JiscOAWeek_LAIR_slides_October2023.pptx
Jisc•65 views
STERILITY TEST.pptxSTERILITY TEST.pptx
STERILITY TEST.pptx
Anupkumar Sharma•107 views
BYSC infopack.pdfBYSC infopack.pdf
BYSC infopack.pdf
Fundacja Rozwoju Społeczeństwa Przedsiębiorczego•160 views
Sociology KS5Sociology KS5
Sociology KS5
WestHatch•52 views
SIMPLE PRESENT TENSE_new.pptxSIMPLE PRESENT TENSE_new.pptx
SIMPLE PRESENT TENSE_new.pptx
nisrinamadani2•159 views
ICANNICANN
ICANN
RajaulKarim20•61 views
Psychology KS4Psychology KS4
Psychology KS4
WestHatch•54 views
Use of Probiotics in Aquaculture.pptxUse of Probiotics in Aquaculture.pptx
Use of Probiotics in Aquaculture.pptx
AKSHAY MANDAL•72 views
The Open Access Community Framework (OACF) 2023 (1).pptxThe Open Access Community Framework (OACF) 2023 (1).pptx
The Open Access Community Framework (OACF) 2023 (1).pptx
Jisc•67 views
Education and Diversity.pptxEducation and Diversity.pptx
Education and Diversity.pptx
DrHafizKosar•87 views
CWP_23995_2013_17_11_2023_FINAL_ORDER.pdfCWP_23995_2013_17_11_2023_FINAL_ORDER.pdf
CWP_23995_2013_17_11_2023_FINAL_ORDER.pdf
SukhwinderSingh895865•480 views
Psychology KS5Psychology KS5
Psychology KS5
WestHatch•56 views

The New Yahoo! Homepage and YUI 3

Editor's Notes

  1. Over the past couple of years, we've seen JavaScript development earn recognition as a true discipline. The idea that you should architect your code, use patterns and good programming practices has really elevated the role of the front end engineer. In my opinion, part of this elevation has been the adoption of what has traditionally been considered back end methodologies. We now focus on performance and algorithms, there's unit testing for JavaScript, and so much more. One of the areas that I've seen a much slower than adoption that I'd like is in the area of error handling. How many people have an error handling strategy for their backend? How many have dashboards that display problems with uptime and performance? How many have anything similar for the front end? Typically, the front end has been this black hole of information. You may get a few customer reports here and there, but you have no information about what's going on, how often it's occurring, or how many people have been affected.