How to Improve Web Page Speed and Increase Website Performance
February 15, 2019
It’s been nearly a decade since Google announced that a site’s page speed will be a critical factor in its ranking. This implies that slow page speed would mean search engines can crawl fewer pages which could negatively affect its indexation.
47% of consumers expect websites to load in two seconds or less and 40% will abandon a page that takes three or more seconds. Machmetrics research recommends a page load speed under 3 seconds. Unfortunately, most sites clock in at an average speed of 8.66 seconds. Stakes are higher when it comes to mobile.
Further, a report by Hubspot states that a drop in conversion is directly related to an increase in page load times. Even a one-second delay in load time could lead to roughly 20% to 30% reduction in conversions.
It must come as a no-brainer then – slow speed will kill conversions!
Needless to say, for a noticeable online presence, page speed optimization is a must.
So, let’s get started.
In order to optimize your page speed, I assume, you –
- Have an optimized theme that does not introduce much bloat and
- You are on a host which is sufficiently fast. This helps your site visitors to access the site and interact with it easily (such as commenting or clicking your social media channels etc.). Whereas, a slow host will push users to go away.
What makes a webpage?
It is important to understand the elements of a webpage:
- HTML code: it gives the page its structure and content.
- Static files: these are used for interactivity, functionality and design to the webpage.
- Other elements: logo, background and content.
To render a page, the browser requests for each of these elements. The number of HTTP requests thus plays a crucial role in page speed optimization.
How does a web page load?
- Slow host
- Bulky images
- Apps, plugins, widgets
- Site’s theme
- Third-party script
What are Page Speed Metrics?
There are a number of metrics of page speed. So, let’s take a quick look at the most common and effective ones to better optimize your site.
First Contentful Paint
It is one of the most important metrics to a site’s engagement. It is considered the initial or the first stage in the loading process. Here the user sees the loading actually happening. If the users do not see the loading they may abandon the site. In other words, this will result in the bounce rate of the site.
Document Interactive Time
It informs us of the point at which the user starts to interact with the elements of the webpage. This metric highly correlates with bounce rate and needs due attention.
This is the time taken for HTML document to completely load and parse, without having to wait for stylesheets, images, subframes to finish loading.
Page size refers to the total size (in megabytes) of the page. This is not a direct speed metric. A common cause is an image that has not been optimized well so this is the place where you need to look first.
When a page begins to load it sends HTTP requests to the server. These are requests to download files to the server. Because of this limitation, no matter how small the file is, there is a minimum time each request makes due to the response time of the server. It is therefore important to reduce the number of such requests to improve page speed.
Additional Read: HTTP to HTTPS Migration of a Website
The relationship between load times and conversion rates shows a 25% decrease in conversion rates with just one extra second of load time.
Apart from slowing down your site, slow page speed could ruin your user’s experience. The longer it takes to load, it will lower the average time spent on your webpage. This will, in turn, lead to a higher bounce rate and lesser conversions.
Some of the interesting tools for this purpose are:
- KeyCDN Website Speed Test: it is responsive and works great even on mobile devices. It is fast, lightweight and can be used to gather in-depth insights on your site’s performance. Its test includes a visual website preview and waterfall breakdown of results. You can easily view the full size of the page requested, load time and a number of HTTP requests made.
- Google PageSpeed Insights: it grades your site on a scale of 1 to 100. The higher the number the better optimized your site is. A score above 85 indicates good performing sites. It provides a report for both desktop and mobile versions of your site. It gives recommendations for improvements to better optimize your site for its speed such as to minify CSS and other relevant suggestions.
- GTmetrix: it monitors your site’s pages daily, monthly, weekly to make sure it stays optimized. It lets you set various conditions and receive email notifications based on page speed/ YSlow score, page load time, total page size etc. You can analyze the loading of the site from regions around the world and much more.
- Think with Google (Test my Site): it ties the ROI of your business to your site speed. By indicating your site’s speed and loss of visitors in percentage. Hence, no doubt, it works as a great indicator to improve your site’s speed.
How Page Speed Affects SEO?
Google has indicated that page speed is one of the factors which influences the ranking of a page, as per their algorithms. Research shows that Google might specifically measure time to the first byte has indicated site speed when considering page speed. Additionally, a slow page speed may mean that search engines crawl fewer pages using their allocated crawl budget, thus, negatively affecting your site’s indexation.
It must be understood that search engines are a business entity in themselves. If they start showing irrelevant or throw up results late eventually they will lose. When someone is Googling for you it is important that your web page shows up quickly as it is a part of SEO best practices.
Additional Read: SEO Benefits of a Responsive Web Design
Think about user experience then. When you Google a site won’t you want it to show up fast and throw up relevant results so you would want to stay on it for long? On the other hand, if your site has a high bounce rate it indicates to search engines that the result was irrelevant to users. And that your site is not up to the user’s expectations.
So, here are some of the ways to increase your page speed:
Best Web Page Speed Optimization techniques
As per a study, just a one-second delay in page load time yields –
- 16% decrease in customer satisfaction
- 11% fewer page views
- 7% conversion loss
The bottom line is, a fast loading page is not just important to rank the site with Google but also to improve the profit margin of your business. Here are some of the ways you can improve the page load speed.
- Minimize the HTTP requests to figure out how your site currently makes such requests and use it as a benchmark. An HTTP request is made for each of the elements of the on-page components of your site such as scripts, images, codes etc. Simply reduce/minimize/modify the number of elements on the page to speed up its loading.
- Use a dedicated server to host your site. It will give you more space, and more control over your hosting. Though, it may require some hard work in terms of technical setup and configuration it still is a good bet. Moreover, a server of your own is better than a VPS and a Shared server as you won’t have to share resources such as disk space, CPU, RAM with other sites on the server. Hence, the load time of your webpage will be minimized.
- Leverage caching so you can shave off a significant amount of time of return visitors and offer a better user experience. A cached version of your site in a visitor’s browser will ensure that when a user returns it loads faster for them.
- To decrease load times for users who are physically away from your server using a CDN or Content Delivery Network. It will cache your site on a global network of servers. When a user’s browser will request files from your site that request will be routed to the closest server.
The best tool for Web Page Speed Optimization
This is an open-source tool. It can run on any webpage, public or the one requiring authentication. It has audits for accessibility, performance, and much more.
It can run in Chrome DevTools from the Command line or as a Node module. You have to give Lighthouse a URL to audit. It will run a series of audits against the webpage and generate a report on its performance. Every audit will come with reference documentation to explain its importance and with recommendations.
According to Google Webmaster Trends Analyst Gary Illyles – what really is important is the load time of critical content as this is what your user is interested in. Hence, tweaking your server and content must be your priority.
For best results, it is suggested to use a combination of hands-on-optimization along with caching and CDN. And now that we have identified the bottlenecks in your site’s page speed you can go about implementing them to unlock its potential.
What is Page Speed Optimization?
Page speed optimization is the process of making your website faster and gain better rankings on the SERPs.
How can I speed up my website optimization?
What is good page speed?
Your website should be as fast as you can make it, without compromising on customer experience. A study conducted by Geoff Kenyon sets the following standards:
- if your site loads in 5 seconds, it is faster than approximately 25% of the web
- if your site loads in 2.9 seconds, it is faster than approximately 50% of the web
- if your site loads in 1.7 seconds, it is faster than approximately 75% of the web
- if your site loads in 0.8 seconds, it is faster than approximately 94% of the web
How do I increase my Google Pagespeed score?
The Google PageSpeed Insights tool analyzes your site’s front-end performance and offers optimization suggestions. A score of 85 or above is considered well-performing – you can improve your score by increasing your website speed, code minification, optimised images, browser caching, and accelerated mobile pages.
What is an acceptable page load time?
47 percent of consumers expect a web page to load in two seconds or less. 40 percent of consumers will wait no more than three seconds for a web page to render before abandoning the site.