Updated: April 21st 2016
by Patrick Sexton
Common page speed issues and their solutions are discussed and illustrated by Patrick Sexton.
The most important concept in all of pagespeed. Make big pages load faster.
Make sure your server is providing your pages quickly to the browser.
Help browsers "remember" your resources (logo,css, etc.) so it can load faster.
Above the fold content optimizations for your users (and your ranking).
Your CSS should help your webpage render fast, not slow down your webpage.
Compressing with gzip helps speed up your pages and reduce bandwidth used.
Content delivery networks (CDNs) get your webpage files closer and faster to your users.
Sometimes your HTML or CSS will request a resource like an image or a html file that doesn't exist.
Keep-alive enables the browser to get files without repeated and wasteful server communication.
The @import method of retrieving CSS files affects your page speed and should not be used.
Redirects cause major performance and speed issues. Use with caution.
Style tags and calls to stylesheets should be placed before your scripts. If you do this your pages load faster.
Combining css files allows page to load faster by requesting less files.
No matter how you use your CSS, smaller is better and will help your webpages load faster.
As a webpage becomes more feature-rich it often uses more DNS lookups which makes it render much slower.
A way to defer images without using jQuery or lazy loading.
Combining small images into one bigger one means the page needs to load less to render.
Inlining CSS is just putting your CSS into your HTML file instead of keeping it as an external CSS file.
Finding the fastest way to deliver your web fonts to your users.
Videos from Youtube, Vimeo and other sources can be deferred using this simple method.
The .htaccess file controls enables a webmaster to control many page speed issues from one file.
Most webpages need to defer many things, but most articles only show how to defer one thing. Learn how to defer just about anything here.
Smaller images can be inlined into the html to save requests and round trips, rather than downloading each image.
Learn what TTFB is and how to optimize it to be faster.
CSS is render blocking and often can not be removed, so how is it optimized?.
Optimize for the pages core functionality. Let the user do they want as soon as possible.
HTTP Strict Transport Security can be used to remove the redirect needed for secure sites from http to https.
An introduction to HTTP. Understanding how HTTP works can help your pages perform better.
The first view performance metric replicates the experience of a user encountering a webpage for the first time.
An overview of how a webpage is retrieved and displayed in a browser. Touches on the request, response, build, and render.
Using Cache-Control to leverage browser caching provides a great set of advantages over other methods.
Serving critical CSS files from the same domain as your HTML file can save precious time.
Reducing the amount of external CSS files means your pages load faster and your server functions better.
Calling CSS files first helps to ensure the browser gets it faster.
TCP slow start restricts how much data may be initially transmitted over a connection, then increases that capacity methodically.
Glossary of web performance metrics and terms.
Home | Pagespeed | Mobile | Tools | About | Privacy | Site Map
Copyright © 2006-2015 Patrick Sexton. All rights reserved.