Boost your rankings and conversions by increasing your page speed.
Learn how to increase your page speed to improve user experience, boost conversion rates and get better organic search rankings.
Increase your page speed to improve user experience, boost conversion rates and get better organic search rankings.
Why is Page Speed Important?
As technology evolves and it becomes easier to enhance your website with frameworks, plugins, scripts, media content and more, it's critical not to overlook this fundamental user experience metric that can have visitors leaving your website before it has even rendered in the browser.
Today, with mobile internet usage exceeding desktop, page speed is an increasingly important factor that affects user experience, conversion rates and search engine rankings across the spectrum of your visitor's devices.
It stands to reason that Google has considered page speed to be an important ranking factor for desktop searches since 2010 and more recently, has rolled out another speed update that makes page speed a top ranking factor for mobile searches.
Note: PageSpeed Insights is a useful tool from Google that analyzes your web pages on both mobile and desktop devices, and offers suggestions on how to improve performance.
Here, we'll talk about some of the key factors that contribute to the loading speed of your web pages and the steps you can take to speed things up.
The file size of the assets requested by a webpage (including the file size of the web page itself) all contribute to page speed. High resolution images are one of the largest contributors to slow loading web pages. There are a number of ways to reduce the friction of an image heavy page.
Use the optimal image format for each image type.
For raster based images such as photographs, use the JPG format. Be sure to remove unnecessary image EXIF metadata such as camera and geo information. A small amount of JPG compression can go a long way. Start at 80% and move downwards until you start to see a slight reduction in quality.
For vector based images such as illustrations, icons and logos, use SVG or PNG formats. Remove unnecessary XML markup from SVG images.
Use the optimal image size for each responsive breakpoint.
Implement responsive images and deliver images that are the appropriate size for your visitor's device. This will prevent visitors with small screens having to download needlessly large images.
The async attribute can be added to any script tag that points to an external script file. This tells the browser to continue parsing the HTML document while the script is being downloaded. As soon as the script is downloaded, it will be executed.