This document provides tips for optimizing website performance, including optimizing the loading sequence, HTML, CSS, images, JavaScript, headers, fonts, and other resources. It emphasizes measuring performance before and after optimizations to identify bottlenecks and areas for further improvement. Key recommendations include minifying files, reducing file sizes, caching resources, optimizing the critical rendering path, and using a content delivery network.
7. HTML
Delete unnecessary
No HTML comments (except conditional)
Minify (careful with new lines)
Optimize size (1 roundtrip = 14KB)
8. CSS
Minify
Optimize selectors (avoid duplicate resource load)
Remove not needed
Inline if(“we optimize for first load” && “it’s not too big”)
Minimize requests count if(“one request is not too big”)
12. Images
Optimize file size
Use progressive rendering
Use sprites when possible
Use Base64 (don’t shoot yourself)
Use responsive design
Specify image dimensions if possible
Check for duplicates
13. Fonts
No custom fonts if possible (fight to the last drop of blood)
Light fonts if possible (zh)