Learn the fundamentals of website performance optimization - from the underlying concepts involved to the many interrelated techniques for maximizing page speed.
- To get a head start on learning the terminology related to improving website speed, check out the performance optimization glossary.
- For a quick reference of 16+ performance optimization techniques, see the performance optimization checklist, including a print-friendly version.
Defining goals, introducing ideas and discussing points to remember, this section establishes a conceptual basis and context for the topics that follow.
Minimize Page Weight
This section covers methods for reducing the total quantity of data that has to be transferred to load your website.
Images often account for a large percentage of total page weight, so minimizing the size of image files can have a big impact on load time - big enough for its own section!
Optimizing the way files are transferred and loaded in the browser ensures that websites load quickly and efficiently.
- HTML Structure
- Resource Hints
- Web Hosting
- HTTPS & HTTP/2
- HTTP Compression
- Cache Control
Contact me with questions or for extra help with your project:Brandon@FrontMend.com
This is a living work - continuously updated and improved, in part with your feedback. If you have ideas for improvement or thoughts on the material, please complete this survey.