How to speed up a website
The website loading speed is one of the most important metrics for optimizing your SEO and boosting your conversions, and in this article you are going to learn how to speed up a website by using the best practices.
In order to improve the SEO and the conversions of your website or e-commerce you need a fast website.
This means that the loading time of a web page should not be more than 3 seconds. If the website takes too much time to load, visitors will leave the website.
Let’s jump into the best practices to speed up a website.
Firstly take a test on GTmetrix in order to see the actual score of your website or e-commerce. In order to be really fast, the score should be over 90% as for our website, try to check it out on GTmetrix to see the high score.
Speed up a website using async and preload
One of the best practices to speed up a website or e-commerce is to use asynchronous loading for CSS and JS files. In this way the browser will not stop loading the page a CSS or JS file will come, and it could continue loading other elements on the page at the same time. You can do this by adding the async attribute on script tags and the preload on style tags.
Speed up a website reducing HTTP request numbers
Another best practice is to reduce HTTP request number. Making this the browser will have less resources to load. You can do it by combining different CSS or JS files into one.
Doing this step make sure to don’t create a too much big file. The file should be however not too heavy.
If you have a lot of files to combine, segment them into two combine files that are not too heavy.
Speed up a website minifying files
A minified file looks horrible to read, but this is not its goal. If you need to work on the minified files, you can always take a copy of the original one and minify it only for the production.
You can find different Visual Studio Code extensions that can help you doing this to speed up a website.
Speed up a website optimizing images
Even optimized images are lighter and the browser will load them faster. Use the right format and compress them by using free tools available on the internet such as Optimizilla. Remember to use png images only if you need a transparent background, otherwise it’s better to use jpeg images because they are lighter.
Speed up a website using a CDN
By using it, your resources will load faster. There are different CDN available even with free options. Cloudflare is one of the most popular.
Speed up a website choosing a powerful hosting
Host your website on a powerful hosting that can guarantee the necessary resources. Shared hosting usually has less power, so if your website or e-commerce is very big, consider using a VPS or a dedicated server in order to have specific resources dedicated for you.
Speed up a website enabling compression
By using Gzip compression the resources will be lighter and will be loaded faster. This can be done by adding some lines inside your .htaccess file.
If you use a CDN this step is already done by this one, you don’t need to do more.
Speed up a website enabling browser chaching
In this way the browser can load the page without having to send another request to the server. Also this can be done by adding some lines inside your .htaccess file.
Also this step is already done if you are using a CDN.
Speed up a website reducing server response time
This is a big factor in terms of performance. If you are using a CMS be sure to keep it lightweight and if it’s running with PHP use the latest PHP version.
You can check the server response time of your website or e-commerce just opening the Google Chrome Console and navigating on the network panel. If you reload the page you can see all the waterfall of all files, and going with the mouse hover the colors you will see all the details. The time indicated in green called TTFB, is the server response time.
Be sure to keep it lower as possible in order to speed up your website.
Speed up a website by using a headless CMS
Practice number ten: Use a headless CMS. A headless CMS – like Codelia – works with an API and it's separated from the front-end. In this way you can reduce the server response time and develop following these best practices to get a fast website. You can learn how a headless CMS works by reading other articles on this blog.Back to Marketing
The secrets to code 55% faster with a headless CMS.Download Now