This talk walks you through what it takes get a 100% Lighthouse performance score for your website. It gives you real examples of the types of optimisation you need to do, and more importantly, what it will achieve. You will learn what earns you the most points and where to focus your efforts.
4. It has audits for:
• Performance
• Accessibility
• Progressive Web Apps
and it is continually updated.
@POLLY_P #BRIGHTONSEO
5. You give Lighthouse a URL to
audit, it runs a series of audits
against the page, and then it
generates a report on how well
the page did.
@POLLY_P #BRIGHTONSEO
20. Requests sent by page on first time load // 17 vs 36
Volume of data transferred on first page load // 0.32 vs 2.5
Page load finish in 2.39 sec // 0.49 sec
DOM loaded in 0.6 sec // 0.275 sec
Critical loaded in 0.9 sec // 0.336 sec
-53%
-870%
-63%
+107%
-61%
@POLLY_P #BRIGHTONSEO
21. 1. HTTP/2
2. Image quality (WebP and others)
3. Modern JS and rejection of heavy libraries
4. Small chunks, automatic chunk loader
5. Only load what you need
6. Critical and auto-critical
@POLLY_P #BRIGHTONSEO
72. Requests sent by page on first time load // 17 vs 36
Volume of data transferred on first page load // 0.32 vs 2.5
Page load finish in 2.39 sec // 0.49 sec
DOM loaded in 0.6 sec // 0.275 sec
Critical loaded in 0.9 sec // 0.336 sec
-53%
-870%
-63%
+107%
-61%
@POLLY_P #BRIGHTONSEO
73. Learn more and
download the slides
here:
www.deleteagency.com/brightonseo
@POLLY_P #BRIGHTONSEO