A good website is functional, targeted and looks good on every device. Does your website meet all these requirements? Great, but don’t forget that the loading time can still be crucial for a good user experience.
40% immediately leaves your website if the loading time exceeds 3 seconds and 79% of the visitors who are dissatisfied with the performance of the website, say they are less inclined to buy again on this website .
The above figures were published in a Google blog post in 2016 and clearly state why the loading time of your website is so important.
Why optimize the performance of your website?
More than half of the average website traffic nowadays happens on mobile device, and therefore on a slower internet connection. “Heavy” websites are loaded even slower this way.
Knowing that 40% of the visitors leave your website immediately if it is not loaded within 3 seconds, it is very likely that you have lost a lot of customers if your website is not optimized.
In addition, Google will also reward fast websites by displaying them higher in search results.
A fast website has the following advantages:
- increased ease of use (especially on smartphones)
- higher visibility in search engines (such as Google)
- Fewer visitors who drop out, and therefore a higher conversion
How do I test the speed of a website?
- Pagespeed Insights : a tool from Google and probably the quickest way to get your load time. Enter a website and immediately get a performance score, as well as points for improvement.
- Google Lighthouse : the slightly more advanced variant of Pagespeed Insights that, in addition to a performance score also checks if your site is a “Progressive Web App”, follows the recommended “Best Practices” and is sufficiently user-friendly. You’ll also receive a detailed listing with areas for improvement. In addition, the tool makes it very useful to simulate a slow 3G connection so that each test is representative. Read here how to do a Lighthouse test via Chrome DevTools.
- Webpage Test : provides the most options for testing your website. For example, you can set the server location from which you want to test, request detailed graphs …
**Important: ** The loading time of a website is highly dependent on the type of connection. Opening a webpage on your smartphone via a 3G connection will therefore take longer than when you are connected to the network via a cable at home. That is why we recommend that you always simulate a 3G network during a test, as well as doing all tests through the browser’s incognito window (so that your plugins have no influence on the test).
In most cases, the following adjustments can have a major impact on the loading time:
Optimize your images
Do not make your images larger than necessary and use a tool such as ImageoOptim or Squoosh to make the files as light as possible. In addition, it may be a good idea to see which images have real added value to your website and to delete unnecessary images. For example, carousels and sliders at the top of your webpage are a no-brainer to remove, since they have a very poor conversion.
Host fonts yourself
Eliminate requests to Google Fonts and put them on the same server as your website. By applying this technique, you can sometimes gain full seconds of the loading time.
Use ‘lazy loading’
Lazy loading is a technique where images only load when they are actually needed. This can be very useful if you have a page with many visuals. As you scroll down further, your images will load. Sometimes you will see a short “animation” when the image is loading. However, this is not disturbing and gives you the opportunity to make the page interactive faster. For the implementation you can use different libraries, plugins … depending on which platform you use for your website.
Reduce “render blocking scripts”
Optimize the server response time
See if the response time of your hosting provider is not too slow. Different providers such as Cloudflare can also offer your files from a Content Delivery Network or CDN, so that the distance between the server and end user is shortened.
Also view the website speedchecklist.com for a handy list of things you can view to optimize.