-
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 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.
Overview
Syllabus
-
- Introduction
- Intro to Chrome Developer Tools.,How to measure the performance of mobile and desktop websites.
- Critical Rendering Path
- How are browsers and websites built.,HTML, CSS and JavaScript and the conversions to DOM and CSSOM.,Measuring performance via the Timeline view in Chrome Developer Tools.
- Easy HTML, CSS and JavaScript optimizations.
- Adding powerful attributes to HTML tags.,Diagnose opportunities for optimization.,Key metrics to triangulate potential performance bottlenecks.
