How To Prevent Adsense Codecanyon
Adsplugin From Breaking Web
Optimization
If, like me, you are a geek of web optimization, you have been able to verify that it does not matter how much work you dedicate to improving your website if you later plan to add an Adsense ad unit, to know more click here.
The ad units, regardless of what we use, add an average of at least 5 seconds in the web loading time and in addition, innumerable queries that will make our web go from being perfectly optimized to giving pain.
But the times of lamentations passed and I finally found some solutions to prevent Adsense from blunting web optimization. It has taken months of work for me to find these solutions, it will take you two minutes to get to know them and be able to enjoy them.
Why does Adsense make my Web score worse?
Our website consists of text, some code to mark the style and images. Some JS codes and little else, all this well optimized and using some specific plugins, should not be a problem.
However, adsense ads provide images that are often not even compressed , a lot of calls (queries) to both Adsense and the website that is advertised, and a lot of code that even charges in ASYNC (in parallel with the web), will end up affecting our website very negatively.
In the first graph you can see the score of my web page, fully optimized and without using any codecanyon adsplugin advertising block or similar companies.
In the second graph you can see the same web analyzed but with two Adsense blocks added. If you look closely, the time in which the web fully loads to be interactive goes from 3.4 seconds to 8.7 seconds .
Would you wait 8 seconds for a web page to load? Maybe on the PC, yes, but from the mobile, surely not. Also, not everyone has 4G or 3G and those 8 seconds, can actually be more than 15.
Why use PageSpeed Insights to measure speed?
There are many tools to measure web loading speed, such as Pingdom, Webpagetest, GTmetrix ... But only one measures the actual upload speed from mobile devices, and it is the new Google PageSpeed Insights , which includes LightHouse measurements .
This means, that this free tool measures the real times of mobile load and not load of the desktop version (PC). As of today, there is no more complete tool for this.
You can learn more about the new measurement tool from:
News in the new Google PageSpeed Insights
And you can also check the score of your website, totally free, from the Google tool itself. Remember to measure some entry of your blog and not the home, since the home (home page) generally always gives better results (but the visits do not always arrive at home, but at the articles).
PageSpeed Insights analysis tool
Surprised with your score? If it has been bad, do not worry, everything has a solution.
How to maintain a web optimized with Adsense
After many months of headaches, work, optimizations, tests and more tests ... finally I came up with the solution to the problems that Adsense adds to the optimization of any web page.
With these two techniques, we can maintain all or almost all of our optimization without any danger that codecanyon adsplugin add queries, extra load time or code everywhere on our website.
Although you do not believe it, this is for me how the Holy Grail , because this problem has been with me for many months. And now that I have the solution, I could not pass up the opportunity to share it with everyone.
Advanced Ads Pro
Advanced Ads is a totally free and very complete plugin that allows us to configure Adsense ads, advertising banners or whatever we want, anywhere on our website.
Personally I use this plugin in all my pages and also I always recommend it, it is simply perfect . And not just me, but the more than 500 people who have voted with 5 stars and its more than 80,000 installations.
You can install Advanced Ads from the WordPress plugins option (Plugins - Add new) since it is free.
But to be able to use the Lazy Load option that will allow us to optimize codecanyon adsplugin without breaking any optimization, we will need the Pro add-on that you can find here:
Advanced Ads Pro Complement
I know, it's a premium plugin (paid) but its price is quite low and its benefits are incredibly high.You should delete all of this text and replace it with text of your own. You can modify any text on your page with the Text formatting tools at the top of the page. To add other content, use the Media and Add-ons tabs. If you'd like to change your style template click on Styles. To add or remove pages use the Pages tab.