Best practices to ensure better site loading speeds

A site's loading speed is one of the many factors that are considered in SEO. Here are a few examples of a loading speed test that was done for some well-established online education brands: Coursera, Skillshare, Mindvalley, and Monthly. Take a look below:

Skillshare GTMetrix report

Coursera GTMetrix report

Mindvalley GTMetrix report

Monthly GTMetrix report

And there are many more such examples. even the best of the brands necessarily don't have the best loading speeds. And that's okay as long as they are in an acceptable range. 

Site loading speed is just one of the several factors that impact SEO. There are many more details to consider and to work on with respect to SEO. Mobile-friendliness, Domain age, URL, and authority, Backlinks, Content, and its context, amongst several others. 

However, there are still a few things that need to be taken care of. Such as  

  • Image optimization
  • Enabling file compression
  • Minimizing HTTP requests
  • Minifying CSS, JavaScript, and HTML
  • Removing render-blocking JavaScript
  • Enabling browser caching
  • Improving server response time
  • Using a CDN
  • Reducing the number of libraries

The good news is that your Knorish site already enables all this. The platform uses best-in-class architecture to ensure all these factors are taken care of. Even the images are also auto optimized to the extent that it doesn't lose the image quality.  

However, in order to ensure that you have a good loading speed, there are three important things that you can do yourself, to improve the site loading speed.

  • Smaller Image Sizes And Optimization

    • A single heavy image can drop the loading speed significantly.


      Simply because the heavier the image, the longer it will take to optimize the images. Hence, ensure to have all images optimized and compressed before uploading them on your site. Preferably use JPGs rather than PNG formats as JPGs are smaller in size.

      There are several tools available online such as Squoosh.app, an open-source product made by Google Chrome Labs. You could use them to compress the images and reduce their file size without any loss to the image quality. 

      download (16)
      On free image sites such as Pexels.com, instead of downloading the image in full size, choose a smaller size.  
  • Video Hosting
    • Never add a Video directly on the page. This will seriously impact the site loading speed. Ensure to embed a video using the URL/ embed code from YouTube/ Vimeo. This way only the image shows up on the first load and the video plays only when the play button is clicked.
    • This applies to playing videos in the banner as well. if the video is added in the banner section and not embedded, this will also impact the site loading speed.
  • Number of images and videos
    • The more images and videos you add, the heavier the page will become. With every new element added, the load time increases. Hence, keep them minimal and of course use optimized images. 
  • Custom codes addition
    • Custom codes can also lead to serious bloating of the page. Ensure to check the impact of before adding any custom codes to your site. 

    Additionally, please note that:

    1. The website themes provided in the theme library are already tested for better performance. Hence, please use them with minimal changes. Any additional codes, images, videos 
    2. If you are customizing a theme, you need to have a good experience in the domain. Bad customizations could lead to bad site speed during tests.
    3. The server location of the site loading speed testing websites also may impact the ratings. For example, GTMetrix servers are based out of Vancouver, Canada. This increases the time by a few milliseconds as well. 

    Web caching

    Web caching is the activity of storing data for reuse, such as a copy of a web page served by a web server. It is cached or stored the first time a user visits the page and the next time a user requests the same page, a cache will serve the copy, which helps keep the origin server from getting overloaded.

    Here's a test we have run on one of the knorish sites on gtmetrix:

    First Run


    Second Run

    Third Run

    Fourth Run


    Note:
    As  you can see, the performance over time is improving. That's because website caching has started.

     

    Here's a test we have run on one of the knorish sites on google page speed insight:-

    First Run

    Second Run

    Third Run

    Fourth Run

    Once again, the performance over time is improving because of the website caching.

    This is also already enabled on your site with Knorish. 

     

    Key Takeaways:  When it comes to SEO, there will always be room for improvements, site loading speeds included. Page length, images, videos, and custom codes used significantly impact the rating. So always ensure to use optimized images, host videos via YouTube/Vimeo, and use custom codes with caution.