Approx. 1 weeks
You will learn how to optimize any website for speed by diving into the details of how mobile and desktop browsers render pages.
This course is also a part of our Front-End Web Developer Nanodegree.
From Ilya Grigorik’s High Performance Browser Networking:
“The emergence and the fast growth of the web performance optimization (WPO) industry within the past few years is a telltale sign of the growing importance and demand for speed and faster user experiences by the users. And this is not simply a psychological need for speed in our ever accelerating and connected world, but a requirement driven by empirical results, as measured with respect to the bottom-line performance of the many online businesses:
Simply put, speed is a feature.”
You will optimize an online portfolio for speed, which you can share with the world to showcase your skills!
Making a great first impression is absolutely key and an online portfolio can help you stand apart from the crowd. We’ll give you a template for a modern, mobile-friendly portfolio which you’ll be able to completely customize so that it shows off your work and your skills the way you want. But before you show it off to the world, you’ll practice your web performance skills by optimizing the portfolio to render as fast as possible.
See the Technology Requirements for using Udacity.
Optimize a provided website with a number of optimization- and performance-related issues so that it achieves a target PageSpeed score and runs at 60 frames per second.
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.
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!
###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.
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.
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.
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 vimgolf.com, 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.