Improving Load Performance - Chrome DevTools 101

Improving Load Performance - Chrome DevTools 101

Channel:
Chrome for Developers
Subscribers:
791,000
Published on ● Video Link: https://www.youtube.com/watch?v=5fLW5Q5ODiE


Duration: 13:29
303,524 views
5,428

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

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

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



Other Videos By Chrome for Developers


2018-09-12UX Research and Usability Testing - Designer vs. Developer #21
2018-09-11Broadcast channel - HTTP203
2018-09-07New in Chrome 10th Anniversary Special!
2018-09-07How We Designed Chrome - Designer vs. Developer #20
2018-09-06New in Chrome… bloopers!
2018-09-05Leveraging Web Transparency - The State of the Web
2018-09-04New in Chrome 69: CSS Scroll Snapping, Notches, Web Locks and more
2018-09-03Web Assembly - (The Standard, Ep. 13)
2018-08-30jQuery & closest - Supercharged
2018-08-27Online and Offline - (The Standard, Ep. 12)
2018-08-24Improving Load Performance - Chrome DevTools 101
2018-08-22WebPageTest - The State of the Web
2018-08-21CORB - HTTP203
2018-08-20Audio on the Web - (The Standard, Ep. 11)
2018-08-16jQuery & fetch - Supercharged
2018-08-08HTTPS and Web Security - The State of the Web
2018-08-07JavaScript for-loops are… complicated - HTTP203
2018-08-02jQuery & classList - Supercharged
2018-08-01Designing UX for Offline - Designer vs. Developer #19
2018-07-25dev.to(gether) - The State of the Web
2018-07-24New in Chrome 68: Add to Home Screen, Page Lifecycle API and Payment Handler


Tags:
Website load performance
improving load performance
chrome dev tools
chrome dev tools 101
chrome devtools
dev tools load performance
dev tools improve load speed
web performance
website performance
site speed
website testing tools
browser speed test
website auditing
website audit
site audit
chrome performance
chrome load performance
website load time
chrome developers
chrome
web developers
lighthouse
optimize site speed
improve site speed
GDS: Yes;