10 Tips to Speed ​​Up Blogger Loading and Reduce Loading Time 2022

For a while, we have presented 10 effective ways to speed up a Blogger blog, and today, as a continuation of the previous topic, we will present with you other ways to speed up a Blogger blog and reduce its loading time.

A blog's slow loading will make your readers feel uncomfortable. Therefore, the speed of the blog becomes one of the factors that can affect the appearance of the blog on search pages like Google.


10 Tips to Speed ​​Up Blogger Loading and Reduce Loading Time 2022


10 Tips to Speed ​​Up Blogger Loading and Reduce Loading Time 2022


  • There are not a few bloggers who are more concerned with the appearance of their blogs, rather than accelerating the speed of their blogs. This would be a loss because besides that visitors don't like it, it will be difficult for the page to rank higher in Google.
  • Of course, if the loading speed of the blog is good, this will of course improve the appearance of the blog in the search engines of Google.
  • There are many factors that make a blog load much faster. Examples include the use of images, javascript, and css from external links, and excessive use of plugins.


All this is due to the ignorance of bloggers who may not have realized that their blog is very heavy to load. Or perhaps because they do not know what is the most effective way to overcome this.


How to test the loading speed of a blogger blog


If you want to know how fast your blogger can load, I would like to suggest two online tools that I use frequently which are GTMetrix and PageSpeed ​​Insights.


This tool uses a rating system that gives you a warning if there are problems that are causing your website to slow down significantly.


Easy ways to reduce the loading of Blogger blog


Implement the following tips in order to increase the speed of your blog.


  • Use minified CSS and Javascript


  1. If you are using external css or javascript (eg: jquery), use a zip or minified version.
  2. The compressed css or javascript files are usually located in the file name.


Example


  • CSS bootstrap.min.css
  • Javascript bootstrap.min.js


There is a word .min that means the file has been minified.

If you want to compress css or javascript files, you can use an online tool called freeformatter.


  • Compress images of topics in blogger


The second step to do is to compress the image.

Yes ... you must compress the images before placing them in the topics.


why? Since the images we use in all of our blog posts can be large, it will not be a good size if the image is 1MB or higher.


Obviously this will slow down our blog's loading process especially if we don't load the image from the blog, but with an external url (not in the google server).

To compress images I recommend using Kraken. Reduces the image size without decreasing the image quality.


  • Avoid using images in the background


Most of the novice bloggers do this with the aim of beautifying their blogs.

Even after you read what's in point #2 above. Of course using this image will slow down the blog's loading process.

So if the photo is not that important, you should delete it. This way, your blog will open faster and you will get a better position in the search engine.


  • Install add-ons only as needed


Blogger platform already offers a lot of plugins, and they aim to make it easier to browse through your blog so that your blog becomes more professional. But you need to know that installing a plugin or widget on your blog will also affect the blog's loading speed.

The more plugins you have, the more code your browser has to process when loading a page on your blog and the slower the loading.

You should only delete the unimportant plugins in your blog. Just install as needed, or which you think is important.


  • Don't place too many ads


Placing a lot of ads is already profitable. But many of them are slowing down the blog as well. And besides the sluggishness, sometimes there are also visitors who do not like blogs where there are a lot of ads.

So I suggest posting ads in the right place, and don't put too much. This is in order to increase the loading speed of our blog and the convenience of the reader.


  • Put the javascript code before closing the <head> tag


To load the blog faster, non-external or internal JavaScript codes are placed inside the <head> tag.

I recommend setting internal JavaScript before closing the <head> tag. And don't forget to write your javascript code in blogger format, so there are no changes to the code.

Here is how to write javascript code in blogger format.


<script type="text/javascript"> //<![CDATA // ضع كود جافا سكريبت هنا //]]> </script>


  • Add Lazy Load to Speed ​​Up Blogger Blogs


To use lazyload on images I recommend using lazysizes.js.

The function of this script is to delay the loading of the image until the blog or website has finished loading.

To learn how to use it easily, you can read the Github repository of the tool from here LazySizes.


  • Using LazyLoad Script for Adsense


Like LazyLoad for images, which delays loading of images. But lazyload this time for adsense.


If you have already installed Google Adsense ads on your blog. This will definitely reduce the loading speed of the blog a bit.

To add the LazyLoad script for Adsense, put the following code inside the tag </body> or &lt;!--</body>--&gt;&lt;/body&gt;


<script type='text/javascript'> //<![CDATA[ // Lazy Load AdSense var lazyadsense=!1;window.addEventListener("scroll",function(){(0!=document.documentElement.scrollTop&&!1===lazyadsense||0!=document.body.scrollTop&&!1===lazyadsense)&&(!function(){var e=document.createElement("script");e.type="text/javascript",e.async=!0,e.src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js";var a=document.getElementsByTagName("script")[0];a.parentNode.insertBefore(e,a)}(),lazyadsense=!0)},!0); //]]> </script>


After adding the adsense lazyload code, please delete the code for external Adsense ads like this:


<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>


  • Delete the default blogger package


The purpose of deleting the default blogger package is to not use the default CSS and JavaScript blogger for blogger.

This will significantly speed up the loading of the blog.

Here is a way to delete default blogger package.

But beware of mistakes! If that happens, it will have a bad effect on your blog template. So before applying the following method, please take a backup of the template first.


  • Optimize your blog on GTMetrix or PageSpeed ​​Insight


Last Optimization Tip, After completing the previous tips, please check your blog speed on GTMetrix or Pagespeed Insights.

There are usually two things I fix after parsing my blog, which are Add Expires Headers and Reduce DNS Lookup. Both can be overcome by adding expiration headers and adding dns prefetch.

With Expire Header we can speed up the loading of our blog, because we only need to request files that are stored in our browser cache.


Yes, this is the correct way to speed up the loading of blog pages. Perhaps that is all for this article. We have explained everything to you and provided you with the Blogger acceleration code and everything you need to get better results in terms of speed. I hope it is useful. If there is anything you want to ask please, just ask directly in the comments. Stay tuned for the latest articles on the Mint Web. You can get the latest articles. And if this article was helpful, please share it with your friends.


Thank you

Comments
No comments
Post a Comment



    Reading Mode :
    Font Size
    +
    16
    -
    lines height
    +
    2
    -