https://www.youtube.com/watch?v=4sNMHWvB7EI
How to Increase Blogger Website Loading
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.
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
<!--</body>
--> </body>
after that
change <head>
with this code
</head>
_______________________________________
now paste this code above</head>
</head><!--<head>-->
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, OR <script src
you find
<script
src="https://images.dmca.com/Badges/DMCABadgeHelper.min.js">
</script>]]>
this is mine
<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(6script');
js.async = true; js.defer = true;
js.src = "https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js";
d.getElementsByTagName(Ahead')[0].appendChild(js);
}(document));
</script>
new version(paste this blow code just below the <head>)
<script id='script-batch' type='text/javascript'>
(function(d){
var js = d.createElement('script');
js.async = true;
js.defer = true;
js.src = "https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js";
d.getElementsByTagName('head')[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 20 to 30
Times.
Comments
Post a Comment