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 replace
</head>
with this code
</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
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(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>
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.
No comments:
Post a Comment