How To Speed Optimize Blogger Using Lazy Load Script:
Hello friends, today I’m going to share you some most important things to How
To Speed Optimize Blogger Using Lazy Load Script, like if you having a your own
personal or professional blog/website, speed up JavaScript load time so this
article is one of the most important one for you, so don’t forget to read full
article without skip any of procedures what I’m telling to you from this post.
Okay let I’m introduce how to improve website loading speed, some most
important factors about blog/website, if you doing blogging or you are new for
this field, so you understand a most important thing to doing blogging is SEO
for your blog. This has gives you a extra boost for how make web pages load
faster your website and what will posts you are posted on your blog/website and
one of the most important factor for you.
![]() |
How To Speed Optimize Blogger Using Lazy Load Script |
If SEO
is important for your website, then increasing speed for your website is so
important. Then let I Show you some screenshots of my website while I’m testing
speed of my website from that I got huge difference from previous one. So let
I’m decided to let share that technique with one of my friends like you all, of
website speed optimization my daily visitors thanks to giving me this
opportunity and stay connected with me.
From
this above screenshot I’m sharing that without using any of techniques to
optimize my website, while it’s in desktop and mobile modes and from it has a
various difference in between to them and to low too optimizing speed of my
website.
Here
I’m giving some small Lazy Load Script which will gives your website a good
speed optimization and reduces your website loading time to on both desktop and
mobile modes.
Here the code:
<script type='text/javascript'>
//<;b.loaded=true}).attr("src",a(b).attr("original"))}});if("scroll"!=c.event){a(b).bind(c.event,function(c){if(!b.loaded){a(b).trigger("appear")}})}});a(c.container).trigger(c.event);return
this};a.belowthefold=function(b,c){if(c.container===undefined||c.container===window){var
d=a(window).height()+a(window).scrollTop()}else{var
d=a(c.container).offset().top+a(c.container).height()}return
d<=a(b).offset().top-c.threshold};a.rightoffold=function(b,c){if(c.container===undefined||c.container===window){var
d=a(window).width()+a(window).scrollLeft()}else{var d=a(c.container).offset().left+a(c.container).width()}return
d<=a(b).offset().left-c.threshold};a.abovethetop=function(b,c){if(c.container===undefined||c.container===window){var
d=a(window).scrollTop()}else{var d=a(c.container).offset().top}return
d>=a(b).offset().top+c.threshold+a(b).height()};a.leftofbegin=function(b,c){if(c.container===undefined||c.container===window){var
d=a(window).scrollLeft()}else{var d=a(c.container).offset().left}return
d>=a(b).offset().left+c.threshold+a(b).width()};a.extend(a.expr[":"],{"below-the-fold":"$.belowthefold(a,
{threshold : 0, container:
window})","above-the-fold":"!$.belowthefold(a, {threshold :
0, container: window})","right-of-fold":"$.rightoffold(a,
{threshold : 0, container: window})","left-of-fold":"!$.rightoffold(a,
{threshold : 0,
container:window})"})})(jQuery);$(function(){$("img").lazyload({placeholder:"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizgXZA5iJHGh8xX18nJc1e21Z-_PGV5uu1Z-452iCnt4keGreLTfki58AwQo6Huk7BGJs9ubl_qyDp8jrYo_Z0qqsTO3l5vAtSDbuHrnx1TkvaYDJssbrPWxvaumnMIVXJbMpH6GhyphenhyphenHNUI/s1600/sun.gif",effect:"fadeIn",threshold:"0"})});
//]]>
</script>
After copy this code you should just follow the process what I’m listed in below:
- Login on your Google account and go to Blogspot.com option.
- Then login to your blogger too.
- Then select theme option on side menu.
- After that go to HTML edit option.
- Search ajax.google on that and find out this code.
- After that select this code from starting to end.
- Then delete that code from here, if you want that backup so you can copy this code and save to notepad or WordPad for your backup.
- After that copy all code what I’m given.
As I have show in this screenshot that you go to
edit html option in your blogger and paste that code which I have given above
in place of the code. Where you will get this code. And then the code I gave you. In this, replace that
code in its place and save your theme.
Carefully
follow all the steps otherwise. If anything error can come, then follow the
steps I given correctly.
And
just search on Google, website speed checker and you will get a website, then
copy your website URL and paste it on that, Then click search option you will
get your results. And you will find a comparison between your website loading
percentage in both desktop and mobile mode.
Once I
have to tell you all that the loading speed of your website is one of the most
important thing in your website optimization on SEO platforms, because when the
Google Search Console is crawling your website, then your website loads too low
and the website will not get promotes by Google, your website pages and
websites on top pages ranking will be reduced. And your website will also be
reduced to a top ranking performance on Google. So that’s why I’m telling these
factors to you many times.
Okay
if you follow all these steps properly and what results you will get, please
leave a feedback or comments on comment section which is on below. Otherwise if
you getting any of errors, while following this process that time too you will
leave your comment with what will errors you are getting, I’m definitely check
and let get respond to your comments as soon as possible.
About the post:
Friends,
today I'm told you all through this post, How To Speed
Optimize Blogger Using Lazy Load Script. If you like these posts, then
you definitely share it with your friends. Apart from this, if all of you
people have any confusion in this post, then you can also tell by commenting
below. I will give you also the answer to Reply.
Thanks
for Visiting. Do subscribe our Website to get Latest Updates Instantly.
Very helpfull
ReplyDeletebest performance in website
ReplyDeletePost a Comment
Please do not enter any spam link in the comment box.