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

Cameron Pittman and Ilya Grigorik

Related Courses

Reviews

4.3 rating, based on 3 reviews

Start your review of Website Performance Optimization

  • Erlend Landroe
    4

    Erlend Landroe completed this course.

  • Chris Duncan completed this course.

  • Tai completed this course.

Never Stop Learning!

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

Sign up for free