搜索到
1
篇与
的结果
-
优化 Google Adsense 广告代码，提升网站加载速度 网速的加载速度是衡量访客体验和 SEO （搜索引擎优化）的关键要素之一，尽管我的网站早已挂上 Google Adsense 广告代码并在近期顺利收到广告费，但每次对网站进行例行维护时，发现加载了Google Adsense 广告代码后，网站加载速度会明显变慢，访客体验有待优化——文章、图片、 Google Adsense 广告同时加载，直到广告加载完毕，整个网页才能算全部加载完成。经原因排查，主要有 Google Adsense 广告中的图片容量偏大、JavaScript 请求次数过多，尽管 Google Adsense 在国内有 CDN 镜像服务器，以及代码自带异步加载等功能，但 Google 官方努力只是杯水车薪，依旧无法有效解决广告代码加载速度较慢的问题。解决办法：仅需调用一次 Google Adsense 的 JavaScript 广告代码，避免重复性加载。同时，使用延迟加载技术（Lazy Loading）延迟加载并显示 Google Adsense 广告。首次，在您的主题页脚 (footer.php)，插入以下代码，请注意替换成您自己的 ID 。<script> function downloadJSAtOnload() { var element = document.createElement("script"); element.setAttribute("async", ""); element.src = "https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-您的ID"; element.setAttribute("crossorigin", "anonymous"); document.body.appendChild(element); } if (window.addEventListener) window.addEventListener("load", downloadJSAtOnload, false); else if (window.attachEvent) window.attachEvent("onload", downloadJSAtOnload); else window.onload = downloadJSAtOnload; </script>接着，将以下代码放在指定的广告位，如侧边栏。可根据实际情况适当修改，请注意替换成您自己的 ID 。<ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-您的ID" data-ad-slot="您的ID" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script>赶紧试试吧，用我的方法后，Google Adsense 广告加载速度是否更快？！
