Speed is very important for a website. It’s so important that Google has made it an actual ranking factor. You should work on making your site as fast and accessible as possible. If your website is using Google Adsense, it can be the first thing you must consider, because Adsense makes your website load very slowly.
In this post, I will help you to know steps to lazy load Google Adsense in your website to improve page speed, so that your website will load faster and it can rank higher.
What is Google Adsense?
According to Wikipedia, Google AdSense is a Google program that allows website publishers in the Google Network of content sites to serve text, image, video, or interactive media advertisements that are tailored to the content and audience of their sites. Google is in charge of administering, sorting, and maintaining these advertisements.
Google AdSense is a program that allows publishers to profit from their online content. AdSense works by finding ads that are relevant to your site’s content and visitors. Advertisers who want to promote their products create and pay for the ads. The amount you earn will vary because these advertisers pay different prices for different ads.
How does Lazy Loading works?
To increase performance and save system resources, lazy loading is the technique of postponing the loading or initialization of resources or objects until they are really needed. For example, if a web page contains an image that requires the user to scroll down to see, you can show a placeholder and then lazy load the complete image once the user reaches the desired spot.
Lazy Load Google Adsense on Native Website
If your website is making money that depends on Google Adsense, you shouldn’t follow these steps, because it can reduce your earning money rapidly, but your website will load very fast.
Step 1: Remove your old Google Adsense code
By default, Google Adsense provides this code to use their’s service
Here Google Adsense also delay code by adding
async='async' but it is still not optimized, because the ads still load on same page, which making the page heavy and taking a long time to finish loading the page. To Lazy Load Google Adsense and improve your page’s speed, you should remove this code, and replace with these below code
Step 2: Replace with new Google Adsense code
After removing the old code, you need to replace with these code to apply lazy loading for your page. You should put them above
Don’t forget to replace your Adsense’s ID with ID in
ca-pub-xxxxxxxxxxxx. This approach will load ads once the user scrolls your web page. So that it will improve your website perfomance.
Lazy Loading Adsense ads on WordPress site
WordPress is the world’s most popular website platform. It’s free, and comes with thousands of pre-made website designs and extensions. It’s extremely adaptable, and integrates with almost third-party tools. As a result, you can use the plugin to easily lazy load adsense ads units.
You must first install and activate Advanced Ads Pro in order to lazy load AdSense ads. After that, go to
Advanced Ads > Settings > Pro to enable this module.
You can now specify when the AdSense ads should appear. Set the number of pixels before they appear on the user’s screen and turn on the feature for the placements where you want your ads to load lazy.
Speed is one of important factors of Google Ranking so that it is necessary for your to optimize speed website and keep earning from Google Adsense. In this guide, I introduced Lazy Loading Goolge Adsense. I hope it will help you in improving your site. Don’t forget to comment below if you are in needed.