The 11 essential steps to further optimize your website speed – WAU
The speed of the site is a determining factor for the user experience and for positioning on Google. So, if you want to retain visitors to your site and improve results with SEO, here’s how to evaluate and accelerate the performance of your pages.
Running out of time is already part of our routine. Looking at the clock gives you that anxiety: you won’t be able to do all the day’s tasks. In this context, it is understood that no one is tolerant of the slow speed of a website, it is not?
In the face of the hustle and bustle that they live in their daily lives, consumers want experiences on the internet that do not waste their time – let alone lose patience! Therefore, streamlining the loading of pages should be at the top of digital marketing strategies.
But is speed a priority for websites? According to a survey by Google, the average load of pages on mobile devices – increasingly essential in the purchase journey – is 15 seconds. This time seems like an eternity given the fact that 53% of mobile visitors abandon a site when it takes more than 3 seconds to load.
And have you ever wondered how much money a long shipment wastes? That figure has already been estimated: online retailers lose about £ 1.73 billion a year in global sales. With these numbers, it’s clear that you need to think about the speed of your website!
Now, if you need help with that, follow this article. We will bring you some useful tools to evaluate the speed of your pages and tips to make your site faster. Check out!
5 tools to measure website speed
Google is committed to make the internet faster. The search giant understands user behavior very well and knows what experience they expect.
It is not by chance that, in 2010, the search engine started to include loading speed as one of the ranking factors. And in 2018, this criterion was expanded to mobile searches.
To contribute to the sites that want to improve their speed, Google created some tools that help in the diagnosis of the pages and point out the corrections that can be made. Next, we’ll show you what they are, as well as other free resources for that.
1. PageSpeed Insights
This is the best known tool for page speed test. PageSpeed Insights is a free, developer-driven resource offered by Google.
To use it, it’s very simple: just enter the URL you want to test (it can be any website, including the competition). Then, the platform performs an analysis and presents a score from 0 to 100 for performance on desktop and mobile.
The diagnosis also shows the time it took for website elements to load and what actions you can take to improve speed. The closer to 100, the better: the fewer items you have to fix.
Lighthouse is open source software offered by Google and used to audit websites. It can be run as a command line tool or as a Google Chrome extension (with a more user-friendly interface).
Source: GoogleIt analyzes not only the speed, but also all aspects of the quality of the website.
To do this, you must enter the URL you want to audit for the platform to present a score and improvement tips for each of these requirements: performance, accessibility, best practices, SEO and Progressive Web Apps.
3. Chrome User Experience Report
The Chrome User Experience Report is also a Google tool for developers that serves to evaluate the user experience on the site.
Unlike the other tools, this one requires a little more technical knowledge to tinker with the codes.
The tool collects real data from Google Chrome users and displays average data for websites, including site speed. Thus, developers can compare their performance with the average and assess which points need improvement.
GTmetrix is a well-known tool for measuring the speed of websites. After analyzing the page you indicate, the platform displays a percentage score for speed, load time and total page size, in addition to showing the market averages as a comparison.
Then, you can see the recommendations for adjustments to improve loading speed.
Pingdom is also one of the most popular website testing tools, especially within the WordPress community. The downside is that it is paid, although it offers a 14-day free trial.
Despite this, the platform is quite complete. The analyzes are carried out in different parts of the world and inform about the availability, the page loading speed and the performance of the main transactions of the website.
In addition, the tool points out opportunities for improvement and sends alerts when problems arise.
11 hacks to improve the speed of your website
You must have already tested your site on these tools, right? And you may not have achieved a very satisfactory score.
But you don’t have to despair: a 100/100 score on these tools shouldn’t be an obsession. Do you know why?
They do tests with some limitations. PageSpeed Insights, for example, performs the analysis based on a 3G connection and on a server with an unknown location. These factors can provide an different view of the reality of your visitors.
In addition, optimizing all elements of the site to reach the maximum score can be impossible, since there are many variables involved. And often, improving one point can hurt another – so, thinking about the user experience, it may be better to leave it as is.
Still, the reports of these tools are good indications of how well the health of your website.
So, if you are not seeing good results, we will now present some hacks to speed up the speed of your website. They were based on the main recommendations of the tools we mentioned above.
1. Enable Gzip compression
Gzip is a file compression format for the website. That is, he reduces the size of files sent by your server and transfer time, with rates of up to 90% compression on larger files. This is one of the most efficient measures to reduce the page loading time.
All current browsers support this format and process compression automatically when the user accesses a website. You only need to ensure that the server is configured to make compressed files available when the user requests it.
Some servers do this automatically. On this site, you can test whether Gzip compression is already working on your site. If not, there are several cache plugins for WordPress that enable Gzip compression.
One of them is WP Fastest Cache, which shows a simple checkbox with everything you can configure, including Gzip compression.
2. Reduce the size of images
The images have a great impact on the weight and loading of a website. According to the HTTP Archive, in May 2019, they accounted for more than half of a website’s bytes. Optimizing them, then, can be one of the first steps to improve the speed of the website.
Let’s start by reducing the size. For this, you can use an image optimization plugin for WordPress, such as Optimus and Tinypng.
These applications reduce the kilobytes of the images (without losing quality) and eliminate all the superfluous information that editing programs can save with the file. They allow you to perform these actions automatically, during the upload, on the images that are included, but also on those already on the site.
3. Use the latest generation formats for images
Another important action to optimize the images is to use the most updated file formats, such as JPEG 2000, JPEG XR and WebP. They usually have better compaction while maintaining quality, compared to JPEG and PNG. This reduces cellular data consumption and speeds up charging.
In the Optimus and Imagify applications, it is possible to make the automatic conversion to WebP. This format is supported on Chrome and Opera browsers and, on average, is 25-34% smaller than JPG.
4. Upload the images in the size that will be used
If you are going to use an image in size 313 × 235, for example, why include it on the website in size 640 × 480?
Letting the site do this resizing via HTTP or CSS can also delay loading, you know? In addition, the image will take up more space unnecessarily, as it will be used in a smaller size.
Therefore, save the image in the dimensions where it will be used on the website. Thus, the server does not waste time with resizing, nor space with an image that could be lighter.
5. Defer loading off-screen images
Even the images that do not appear on the screen affect the loading time of the pages, you know? But, if the visitor is not viewing, you can postpone loading them, it is not?
This is what happens when images appear as you scroll a page. This means that the developer has used the lazy load (slow loading) for hidden images on the screen. Thus, they are only loaded when the user reaches them with the scroll.
This feature can be configured with the WordPress plugins: Lazy Load or Lazy Load by WP WAUet. Both options are very simple to use.
When a developer creates the codes for a website, it is common to include line breaks, blanks and comments. This information does not influence the content that the user sees, but it is there taking up space and can increase the loading time.
But you don’t have to do all this work code by code, okay? There are free apps for this, like W3 Total Cache and Autoptimize. But, even using a trusted application, it is always important to keep a backup of your files for security.
7. Eliminate features that prevent rendering
Render-blocking is a recurring issue when it comes to speeding up page loading. However, it is a slightly more complex topic, so let’s explain it better now.
However, this can be a problem when it hinders the loading of pages with content that is not even being seen by users.
8. Create AMPs
Accelerated Mobile Pages (AMPs) is an open source project headed by Google to achieve that goal of making the web faster.
Pages created with this technology load instantly on mobile devices.
Although they have the same content as the original pages, they eliminate unnecessary elements and have a lighter and simpler development, which accelerates the speed of the site.
To create AMPs for your website, you can use the AMP for WP plugin, which allows you to build pages from different mobile templates, without having to mess with codes.
9. Avoid multiple redirects
Often, redirection is necessary so that the user does not fall into a non-existent page on the site. In fact, this is one of the SEO recommendations to not frustrate the visitor and show the search engine which is the main page that should be indexed.
However, too many redirects overload the server. They trigger an additional request cycle and delay loading.
Let’s say that to get to the mobile version of your website, there are two redirects:
- from “site.com” to “www.site.com”;
- and from “www.site.com” to “m.site.com”.
This is an example that can slow loading. But, if you use a page with responsive design, there is no need to redirect, as the page itself adapts to the user’s screen.
Therefore, the recommendation is to use responsive pages. In addition, a plugin like SEO Redirection can identify unnecessary redirects for you to eliminate.
10. Take advantage of the browser cache
The browser cache is used to store the contents of the website on the user’s device, so that they load more quickly on the next visit.
However, if the content is not cached or the storage time has expired, pages will take longer to load.
The request for browsers to keep these saved files must be made by the server. This request usually happens automatically. But, if it doesn’t, you must include a file to force the cache to be used.
But of course you don’t have to do this manually: the W3 Total Cache and WP Fastest Cache plugins make it easy for you.
11. Reduce server response time
The server’s response time measures how many milliseconds it takes, after the user’s request, to load the HTML needed to render the page. If this time is longer than 200ms, PageSpeed Insights points to an opportunity for improvement.
How, then, to reduce this server response time? There are some solutions, related to the type of hosting.
When you purchase shared hosting, it is common for the neighborhood (that is, the sites that share the hosting with you) to place too much demands on the server and compromise the performance of your site.
In addition, overseas accommodation tends to increase latency time due to distances, which does not happen in regional accommodations.
Hiring dedicated servers or using a CDN can also improve server response times.
A CDN (Content Delivery Network, or Content Distribution Network) hosts the sites on servers around the world, which allows for quick and effective content distribution.
Anyway, now you have several practical solutions to make your website faster. In addition to improving the user experience and gaining their trust, you will also show Google that you deserve better placement in search results.
Now that you know how to improve the speed of the site, it’s time to learn about other actions to get to the top of Google! Read our post where we tell how Websites Are Us got the first place for the main keywords in the market.