list 1 séquence
assignment Niveau : Introductif
chat_bubble_outline Langue : Anglais
card_giftcard 0 point
- /5
Avis de la communauté
0 avis

Les infos clés

credit_card Formation gratuite

En résumé

You will learn how to optimize any website for speed by diving into the details of how mobile and desktop browsers render pages. In this short course, you’ll learn about the Critical Rendering Path, or the set of steps browsers must take to convert HTML, CSS and JavaScript into living, breathing websites. From there, you’ll start exploring and experimenting with tools to measure performance and simple strategies to deliver the first pixels to the screen as early as possible. You’ll learn how to dive into recommendations from [PageSpeed Insights]( "PageSpeed Insights") and the Timeline view of Google Chrome’s Developer Tools to find the data you need to achieve immediate performance boosts! This course is also a part of our Front-End Web Developer Nanodegree.

more_horiz Lire plus
more_horiz Lire moins

Le programme


Throughout the course, you’ll build a performance toolbox to help you build faster website experiences by taking advantage of PageSpeed Insights recommendations and measuring page performance on mobile and desktop with Chrome Developer Tools. This class contains an introductory lesson, two primary lessons and a final project. Before diving into optimizations, you’ll build an understanding of how browsers convert HTML, CSS and JavaScript into websites. Along the way, you’ll practice measuring performance using the same tools Google engineers use. Then comes the really fun part: optimization! You’ll learn about easy-to-implement performance gains and develop a simple and powerful model for uncovering optimization opportunities. You’ll put your newfound performance skillset to the test with the final project, where you’ll be optimizing your own online portfolio website! ##Lessons

Lesson 0 (20 minutes)

You can’t optimize what you can’t measure, so in this lesson you’ll learn how to open Chrome Developer Tools to measure the performance of mobile and desktop websites.

Lesson 1 (60 minutes)

Optimizing any website’s performance requires a strong understanding of how browsers build websites from HTML, CSS and JavaScript. You’ll start by breaking down the **Critical Rendering Path** - the steps the browser has to take to render a page. You’ll get an understanding of how: * **HTML** is converted to the **Document Object Model (DOM)**. * **CSS** is converted to the **CSS Object Model (CSSOM)**. * the browser runs **layout** to determine the position and size of elements before **painting** pixels on the screen. Throughout the lesson, you’ll learn how to take advantage of the Timeline view in **Chrome Developer Tools** to measure each and every step’s performance on mobile and desktop.

Lesson 2 (90 minutes)

You’ll explore easy HTML, CSS and JavaScript optimizations with significant performance implications, some of which are as simple as adding a single attribute to an HTML tag! Along the way, you’ll be developing the skills to help you diagnose opportunities for optimizations, including: * building **quick and dirty** diagrams of the Critical Rendering Path. * identifying **three key metrics** to triangulate potential performance bottlenecks.

Les intervenants

  • Ilya Grigorik - Ilya Grigorik is a web performance engineer at Google and the author of High Performance Browser Networking (O'Reilly). When he's not optimizing web performance, he is likely found working on new performance or analytics related open source projects, launching fun projects like, or optimizing his triathlon times. Prior to focusing on web performance, Ilya spent 5 years measuring and optimizing performance of social campaigns - he was the founder of PostRank, which was acquired and integrated into Google Analytics. In short, he likes to optimize and make things fast.
  • Cameron Pittman - A passionate educator and programmer, Cameron lives and breathes web development as he creates programming courses at Udacity. Before coming here, Cameron was a combination Director of Content and web developer at Seattle startup LearnBIG. He taught four years of high school physics and chemistry in Nashville, TN, during which time he pioneered teaching physics with the video game Portal 2. Cameron graduated with a degree in physics and astronomy from Vanderbilt University and earned his master's in teaching from Belmont University.

Le concepteur

Google est une entreprise fondée le 4 septembre 1998 dans le garage Google dans la Silicon Valley, en Californie, par Larry Page et Sergueï Brin, créateurs du moteur de recherche Google.

L'entreprise s'est principalement fait connaître à travers la situation monopolistique de son moteur de recherche, concurrencé historiquement par AltaVista puis par Yahoo! et Bing. Elle a ensuite procédé à de nombreuses acquisitions et développements et détient aujourd'hui de nombreux logiciels et sites web notables parmi lesquels YouTube, le système d'exploitation pour téléphones mobiles Android, ainsi que d'autres services tels que Google Earth, Google Maps ou Google Play.


La plateforme

Udacity est une entreprise fondé par Sebastian Thrun, David Stavens, et Mike Sokolsky offrant cours en ligne ouvert et massif.

Selon Thrun, l'origine du nom Udacity vient de la volonté de l'entreprise d'être "audacieux pour vous, l'étudiant ". Bien que Udacity se concentrait à l'origine sur une offre de cours universitaires, la plateforme se concentre désormais plus sur de formations destinés aux professionnels.

Quelle note donnez-vous à cette ressource ?