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