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

    Erlend Landroe completed this course.

  • Profile image for Chris Duncan
    Chris Duncan

    Chris Duncan completed this course.

  • Tai completed this course.

Never Stop Learning.

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