Bettering Load Efficiency - Chrome DevTools 101

Get Your FREE The Beginners Guide to SEO

In a fast-paced, dynamic field such as SEO, it is crucial to stay well-informed. Even seasoned SEO experts understand the need to keep on learning lest they become obsolete. Emerging trends. Algorithmic changes. Technological advancements. These are some of the few things every SEO professional should be watching out for. But if you haven’t been keeping an eye on these for whatever reason, don’t worry. We’ve got your covered.

Download Now

Bettering Load Efficiency – Chrome DevTools 101

8



This tutorial shows you how to use Chrome DevTools to find ways to make your pages load faster.

Using Tony the Cat’s site, Kayce shows you how to audit a page with the Audits panel, use the Audits panel report to find ways to improve your page speed, experiment by adding one change at a time, and then measure each change to make sure that each is actually improving your speed. You can use this workflow to improve the speed of any page.

This tutorial covers some of the most common causes of slow site speed, including lack of text compression, large images, render-blocking resources, and too much JavaScript.

Optimizing web speed, tutorial →
Experiment with Tony’s site →
Performance Analysis Reference →

Watch the last episode on debugging JavaScript →

Subscribe to the Chrome Developers channel →

source