Easy Steps to Speed ​​Up Website Loading

Easy Steps to Speed ​​Up Website Loading


How do I speed up website loading? Google informs if 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 the website can more easily compete in Google search results.

Apart from being an SEO factor, website speed affects conversion rates. The faster a website, the higher the conversion percentage. For this reason you have to start optimizing website speed for SEO and increasing conversions.

You can check your website speed by using tools like 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 a website so that the website can be up to 50% faster. Here are 6 easy steps on how to speed up website loading, see the discussion below:

1. Use Fast Web Hosting

The factor that greatly affects website speed is the web hosting used, it's useless if you optimize at the best possible speed, but the web hosting you use has less than optimal performance.

Therefore, you must start using Web Hosting with the best possible performance. Make sure when you buy web hosting you choose hosting that uses SSD, because SSD makes 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. Static Website File Optimization

1. Make sure the CSS in the head and the JS below
To speed up loading the website make sure the stylesheet is in the <head> part of your website structure, while all scripts are moved to just above </body> or the closing tag of your website structure.
In general, the Stylesheet is smaller than the script, That way the browser will render the <head> section so that it loads the stylesheet 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 website structure on the wordpress theme that you are using has been optimized in this case. Web developers know how to optimize a web 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 function from the browser by using the "async" attribute to load resources as soon as they become available. Usually this attribute is written as follows;
                 <script src = "script.js" async> </script>
If you've seen the Google Adsense script, you've probably seen a section like the one above. So 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 zipped resource files, which are opened by the browser when rendering the web page.
The time and resources required to compress and decompress a resource are not proportional to the time and bandwidth saved in transferring smaller files from the server to the client.

4. Minimize the file
Minimize File is the process of removing parts of a file that are not required for execution. For example, Minify HTML, CSS and Script in the web page structure. Minification really helps reduce the size of your static files, so that it can speed up website loading.
You can Minify files with the help of WordPress plugins such as WP Rocket, or other Minify file plugins. Usually Minify File is one of the features of a caching plugin. You can also use the minify file service.


3. Optimize Image Usage

1. Make sure the Image Size is Right

In order for your website to be faster, you have to make sure that your image sizes are appropriate. Don't let the picture you use have a greater resolution than what you need.

For example, you only need an image with a size of 640 x 420 but you are using 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

Image has several extensions the most popular are JPG and PNG. Which of these two is better?

    JPG images are devoted to complex photos or images with lots of color information in them
    PNG images are perfect for graphics that have little color information

3. Compress the image first

So that the website can be lighter and can speed up website load, it is better if before uploading 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 the maximum image compression quality.

4. Use Lazy Load


Lazy Load is a feature or technique used to optimize images. By using Lazy Load, the image on the web page will not load before the visitor sees / scrolls it down.



4. HTTP Request Optimization

When a web page starts loading, the actual data transfer process is done via an individual HTTP Request. One request takes each resource, so the more requests that occur the longer the page load time. To solve this, here's how:

1. Combining Files

To be able to minimize the burden of HTTP requests, namely by combining similar resources. When reducing resources, you can combine the same files into one. For example, all CSS files and all custom JavaScript files can be combined into a single file. This reduces the number of requests the client has to make to load all resources.

2. Turn on the Keep-Alive function


Without doing any optimization, the browser will send one HTTP Request for each resource and the connection will be closed after the download is complete. The browser then makes a new request to the server for new resources.

Keep-Alive is a technique that doesn't stop the request when the resource download is complete. You can activate keep-alive in the following ways:

    In the HTTP header, By setting the Connection to Keep-Alive
    Through the .htaccess or httpd.conf file if you are using the Apache web server
    If you use NGINX, the keep-alive setting is by default

3. Minimize Redirect

A redirect is a process that automatically takes clients from one location to another. Usually occurs in files, fonts or something else. Each redirect increases the loading time of the website.

Therefore, minimize redirects unless you really need a redirect to retrieve resources.



5. Use Caching and CDN to Speed ​​Up Website Loading

Caching and CDN help you to 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 times.

Meanwhile, a CDN is a collection of web servers that distribute web content over a wide number of geographic areas. With a CDN, the client requesting the resource 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. Whereas in 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 after following the guidelines and the optimization of website speed.

You may like these posts