What is Lazy Loading?
Lazy loading is a technique for optimizing your page's load speed by limiting the initial download to what the user needs to see on screen. If you have a lot of content or experience traffic, it can improve responsiveness and make your pages render faster.
The lazy load was developed in September of 2010 by Julian Shapiro for the sake of Google. Most sites that use this method put boilerplate code on their websites that Google can't read to load the resources when they were needed. As a result, the resources are loaded in browsers faster and save users from the hassles of waiting for slow websites with large amounts of bandwidth usage.
Step1) Login to your blogger account
Step2) Now go to the theme section
Step3) In the Theme section go to the Customize and in customize go to the Edit HTML
Please first create a backup of your files and then insert the following codes below.
<script> var resource = document.createElement('script'); resource.async = "true"; resource.src = "https://example.com/script.js"; var script = document.getElementsByTagName('script'); script.parentNode.insertBefore(resource, script); </script>
<script> script('https://yoursite.com/your-script.js'); script('https://yoursite.com/my-script.js'); script('https://yoursite.com/third-party-script.js'); </script>
- Save bandwidth, load times are faster, blog page views are more frequent.
- Lazy loading improves the loading time of a blog. The visitors get to see the content quickly after clicking the page. It also minimizes the chance of your website crashing due to high traffic. The users will love it.
- It could increase your blog's loading speed by 80%
- Your website will experience a large boost in load speeds, especially on mobile devices.
I hope you learn something new from these posts
If you have any queries then join our telegram chat group
Telegram Group: BlogTriggers Discussion