What is loading time?
Loading time is the time taken for any page to load all the necessary resources to render the page. These resources are called the “Render Blocking” resources. The web browser waits for such resources to complete loading and later goes forward with rendering web page. It is important to remember that asynchronous resources are the resources which keep loading even after your web page is rendered. These resources do not affect your web page loading time or performance.
Note: The website testmysite.thinkwithgoogle.com is not an authentic site to test loading time. It shows the full loading time which means it waits for your asynchronous resources too.
What are the affecting factors?
Now the point is what really affects your website performance. There are several factors affecting your loading time. This article discusses in depth about these factors. The next article will discuss solutions to each of these factors and explain the process.
1. Non-minified scripts and CSS
2. Query strings for resources
Query string are arguments appended in the resources request URL. For example:
Here the “ver” variable in the query string indicates a specific version of script to be fetched. This acts as a overhead for the process of finding scripts. This can be removed easily using WordPress Plugin.
3. Too many external scripts and stylesheets
If your render blocking scripts and stylesheets are located on different external servers, it will affect the loading time of your website. This is because every request sent to a different server will result in DNS search for that server every time. Every hit to a name-server is an added time to load your website.
4. Multiple script requests
Even if you get rid of external scripts, there are possibilities in WordPress that multiple scripts and stylesheets are loaded on page load. This results in multiple requests to the server. Every time a request is sent, certain time gets wasted.
5. Heavy images on homepage
Modern website contains a lot of front page high resolution images. Although these images appear great, they eat up a lot of data bandwidth. It is important to optimise these images to reduce the overall size of your webpage.
6. No caching
Caching is a very important functionality that needs to be enabled on your website. Except for the Managed WordPress Servers, mostly every hosting provider supports custom web caching. Caching is storage of certain data at client’s end. It also involves storing rendered HTML pages in advance to avoid server codes from executing repeatedly.
A detailed summary of all possible factors is shown below:
How do I know what is wrong with my website?
After a thorough research, I came across these 3 websites which provide you a great insight about what could be wrong with your webpage.
Pingdom Speed Test – Above details are obtained using this link
Of these, Google Page Insights is the only resource that provides you detailed ways of solving some of these problems. For more details on how to solve these problems, please check the next article.