Improving Load Performance - Chrome DevTools 101

Опубликовано 24 августа 2018, 17:29

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 → bit.ly/2LemRYa
Experiment with Tony’s site → glitch.com/edit/#!/tony
Performance Analysis Reference → bit.ly/2o8N1OQ

Watch the last episode on debugging JavaScript → bit.ly/2PyxXGL

Subscribe to the Chrome Developers channel → bit.ly/ChromeDevs1