This guide is designed to get you up to speed with the fundamentals of website performance optimization - from the underlying concepts involved to the many interrelated techniques for minimizing website load time.
The content is organized into four main sections:
Defining goals, introducing ideas and discussing points to remember, this section establishes a conceptual basis and context for the topics that follow.
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.
- 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.
Get started with the core concepts of website performance optimization:Core Concepts
Contact me with questions or if you'd like extra help with performance optimization for your website projects: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.