Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Google

Website Performance Optimization

Google via Udacity

Overview

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.

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.

Taught by

Ilya Grigorik

Reviews

4.3 rating, based on 3 Class Central reviews

Start your review of Website Performance Optimization

  • Erlend Landroe
  • Profile image for Chris Duncan
    Chris Duncan

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.