How to Increase Blogger Website Loading Speed 2021

by

How to Increase Blogger Website Speed 2021

Today We Learn That How to Increase Blogger Website Page Loading Speed So Without Time wasting we Start It.

Before Starting anything Firstly, you Just Checked your website Speed, before Starting this procedure.
Because After Attempting my Given steps At the end again Checked the blogger website Page Loading speed and Comparisons between Them.

How to Increase Blogger Website Speed
How to Increase Blogger Website Speed

Firstly, We See Why Our Website’s speed going Slow?
Answer is, Your Blogger Website Speed Is Dependent on Many Different Things but Main Things are 2.
1- Javascript code,some Google Font
2- Heavy weight Images or Videos

Let’s See How to Increase Blogger Website Loading Speed.
Now Question is How to Fix These Problems. So Don’t worry, Firstly checked your website Speed with the Page Speed Analyzer.
Click here to Check Blogger Website Page Speed.
After Analyzing you have the Results of your Blogger website, now we know What are the exactly site speed. Now Let’s Define.
How to Increase Blogger Website Speed


 Step 1 :Reduce java script execution time



change </body>

with this code


&lt;!–</body>
–&gt; &lt;/body&gt;

after that
change <head>
with this code

&lt;head&gt;

_______________________________________
now replace 
</head>
with this code

 &lt;/head&gt;&lt;!–<head/>–&gt;



after that  click on save template 


Step 2: Eliminate render-blocking resources

___________________
Eliminate render-blocking resources
decreaseing  loading time
go to edit template and press ctrl+f search for
 ajax
you find

<script src=’https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js’/>

“replace above code”


with code below :-


<script id=’script-batch’ type=’text/javascript’>
     (function(d){
       var js = d.createElement(&#39;script&#39;); js.async = true; js.defer = true;
       js.src = &quot;https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js&quot;;
       d.getElementsByTagName(&#39;head&#39;)[0].appendChild(js);
     }(document));
  </script>

and save template : done chack your blogger blog speed with google sped test tool 

Step 3 : Remove Google Font

go to edit template and press ctrl+f search for


 google fonts


you find

<!– Google Fonts –>

    <link href=’//fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i’ media=’all’ rel=’stylesheet’ type=’text/css’/>

    <link href=’https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css’ rel=’stylesheet’/>

“Delete above code”

Step 4: Increase Speed with gzip Compression Code

Go to your Blogger website Dashboard > Go to Themes Option > Click on Theme Editor > Here you can see Theme Code Now See on The Top of your theme code
You can see DOCTYPE! Word Click Enter For making a new Line and Pasted my Given Code 01

CODE NO 01:   

<?php if (substr_ count($_SERVER[‘HTTP_ACCEPT_ENCODING’],’gzip’)) ob_start(“ob_gzhandler”);else ob_ start();?>

And code no 02 paste after the meta tags that’s are showing in just after the DOCTYPE.

CODE NO 02:

<?php flush();?>

After Adding Both Codes Click on Save Theme Button to Save This Code.

Step 5 : INCREASE BLOGGER LOADING SPEED WITH IMAGES SIZES

Now After Removed All Links Now One More Step is pending so let’s see what’s that.
Now When you add given codes or removed all broken links on your site now needs to be Adjusted Images sizes on your posts.

When you upload a post Remember one thing only used Compressed size images, I meant to say that Only used Low size images, images size must be in kb not used MB images Because Greater images size go to slow down to your blogger website speed.

So always be used Low size images for this purpose you can use this Free website to compress your images.

Images compress tool online: https://compressjpeg.com/

This is the Free Tool You can use Very quickly and Easily compress your all images before uploading.
Hope, if you applied my all given Steps Your website speed Increased 08 to 97 Times.

People Also Ask :

How do I increase my website speed on Blogger?

  • ways to make your blogger blog load faster
  • Limit the number of posts on the front home page of your blog. …
  • Display expandable post summary.
  • Resize images before uploading them to your blog.
  • Use Image Host for your blog images.
  • Compress your images.
  • Clean up your blog widgets.
  • Minimize your third-party gadgets.

How can I speed up my website loading time?

How do I check the loading time of a website?

  • Steps to Check Website Loading Time
  • Go to Speedlab.
  • Enter the URL of the website.
  • Click on the Start button.
Share: