How to speed up website loading? Google informs that the speed of a website is one of the factors that determine the rank of a website. Therefore website speed is very important so that websites can more easily compete in Google search results.
Apart from being an SEO factor, website speed affects conversion rates. The faster a website is, the higher the conversion percentage. That’s why you have to start optimizing website speed for SEO and increasing conversions.
You can check website speed by using tools such as Google Pagespeed Insight, GtMetrix, Pingdom, and other website speed test tools to see changes when you optimize your website.
Well, in this article you will learn a lot about how to optimize your website so that your website can be up to 50% faster. Here are 6 easy steps to speed up website loading, see the discussion below:
1. Use Fast Web Hosting
The factor that greatly affects the speed of the website is the web hosting used, it’s useless if you optimize at the best possible speed, but the web hosting that you use has less than optimal performance.
Therefore, you should start using Web Hosting with the best possible performance. Make sure when you buy web hosting you choose hosting that uses an SSD, because SSDs make websites faster.
No need to worry about choosing Web Hosting, you can use Cloud Hosting from Jagoan Hosting. Cloud Hosting from Jagoan Hosting has excellent performance, with the best infrastructure and uses SSD storage, making your website page load time faster.
2. Website Static File Optimization
1. Make sure the CSS is in the head and the JS is below
To speed up website loading, make sure the stylesheet is in thesection of your website structure, while all scripts are moved to just above the or closing tag of your website structure.
In general, Stylesheets are smaller than scripts, That way the browser will render thesection So that it loads the stylesheet first before the script, And most scripts are used after the page content is loaded, so the script can be placed at the bottom.
For now, the structure of the website on the wordpress theme that you are using has been optimized in this regard. Web developers understand how to optimize a website page, so you don’t have to worry about this.
2. Use asynchronous loading
Asynchronous loading is when the browser renders and requests resources sequentially as they appear on a web page. However, you can change this default functionality from the browser by using the “async” attribute to load resources as soon as they are available. Usually this attribute is written as follows;
If you’ve seen the Google Adsense script you’ve probably seen a section like the one above. Now that’s what is called Asynchronous Loading.
3. Use Gzip Compression
Gzip Compression is a technique for compressing resources via HTTP requests. With GZip Compression, the server sends a zipped resource file, which the browser opens when rendering the web page.
The time and resources required to compress and decompress a resource is not worth the time and bandwidth saved in transferring smaller files from server to client.
4. Minimize Files
Minimize File is the process of removing parts of a file that are not needed for execution. For example, Minify HTML, CSS and Script in the structure of a web page. Minification really helps reduce the size of your static files, so it can speed up website loading.
You can Minify files with the help of a WordPress plugin like WP Rocket, or any other file minify plugin. Usually Minify File is a feature of caching plugins. You can also use the minify file service.
3. Optimize Image Usage
1. Make sure the image size is right
To make your website go faster, you have to make sure that your image sizes are appropriate. Do not let the image you use has a resolution that is greater than what you need.
For example, you only need an image with a size of 640 x 420 but you use an image with a size of 1920 x 1280. This is of course excessive so that the website load decreases.
2. Use the Right Image Type
Images have several extensions the most popular of which are JPG and PNG, Which of these two types is better?
- JPG images are reserved for photos or complex images with a lot of color information in them
- PNG images are perfect for graphics that have very little color information
3. Compress the Image First
So that the website can be lighter and can speed up website loading, it is recommended that before uploading it to the website it can be compressed first so that the size can be smaller. You can use tools to compress images.
You can use TinyPNG to compress images for free, even though it’s free this website has maximum image compression quality.
4. Use Lazy Load
Lazy Load is a feature or technique used to optimize images. By using Lazy Load, the images on the web page will not be loaded before the visitor sees / scrolls down.
4. HTTP Request Optimization
When a web page starts loading, the actual data transfer process is done via individual HTTP Requests. One request takes every resource, so the more requests that occur, the longer the page load time. To solve this, here’s how:
1. Merge Files
2. Activate the Keep-Alive function
Without doing any optimization, Browser will send one HTTP Request for each resource and Connection will be closed after download is complete. The browser then makes a new request to the server for the new resource.
Keep-Alive is a technique that doesn’t stop the request when the resource download is complete. You can enable keep-alive in the following ways:
- In the HTTP header, By setting Connection to Keep Alive
- Via .htaccess or httpd.conf file if you are using Apache web server
- If you are using NGINX, by default the setting is keep-alive
3. Minimize Redirects
Redirect is a process that automatically takes clients from one location to another resource location. Usually occurs in files, fonts or something else. Each redirect increases the loading time of the website.
Therefore do minimize redirects unless you really need a redirect to occur to retrieve resources.
5. Use Caching and CDN to Speed up Website Loading
Caching and CDN help you speed up website loading. Caching is the process of storing resources in temporary storage to retrieve them quickly when needed. Caching is very useful for reducing website loading time.
A CDN is a collection of web servers that spread web content over a wide number of geographic areas. With a CDN, clients requesting resources will be served by the closest server, this helps you reduce latency during file transfers.
To enable caching, you can use a caching plugin for wordpress. I recommend using the WP Rocket plugin, because this plugin has many features that are very helpful in speeding up website loading such as minify files, caching, lazy load, CDN, etc. While using a CDN you can use Cloudflare’s free CDN.
Those are some ways to speed up website loading, No need to worry about slow websites again after following the guidelines and steps in website speed optimization.