javascript - 以巧妙的方式加载 Google Adsense 和其他 Advertise javascript
问题描述
我正在运行一个 wordpress 博客,其中包括来自 adsense 和 Google ADX 的广告。
当广告被禁用时,网站加载时间不到 1 秒,而广告被激活时,网站加载时间超过 3-4 秒。
我知道有广告的网站的性能总是比没有广告的网站差,但就我而言,问题是加载广告的时间错误。
我目前像这样在页脚中加载我的广告
<script async defer src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<script>
(adsbygoogle = window.adsbygoogle || []).push({
google_ad_client: "my ad client",
enable_page_level_ads: true
});
</script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async defer src="https://www.googletagmanager.com/gtag/js?id=my id"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'my id');
</script>
<script async defer src="https://cdn.exmarketplace.com/bidder/adsboosternopb.js"></script>
<script async defer src="https://cdn.exmarketplace.com/bidder/my web/my web.dfp.js"></script>
像这样的广告单元
<!-- Adaptive Header -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="my ad client"
data-ad-slot="my ad slot"
data-ad-format="auto"
data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
现在,问题不在于 adsbygoogle javascript,它的加载速度与我的内容一样快;问题是脚本从外部来源加载的所有广告内容,在绘制期间随机加载或加载我的博客的重要内容(例如文章的文本和图像)。
我读过这篇文章Load Google Ads after entire page has loaded aboutwindow.onload = function()
解决方案
不,您必须考虑一种延迟加载 AdSense 广告的方法。在考虑延迟加载时,我发现 Adsense 不会按顺序将广告位推送到特定容器。延迟脚本加载将引入进一步的延迟和瓶颈请求,最终导致较低的可见度和收益。到广告加载时,用户将滚动远离广告。
更新
这是一种延迟加载广告的方法
推荐阅读
- jquery - 使用 laravel / ajax 显示依赖选择框的值
- node.js - Node.js 子进程在第二次调用后未启动
- python - Discord.py - InvalidArgument:此 webhook 没有与之关联的令牌
- qiskit - 量子神经网络 - 噪声模型
- reactjs - 在启用 SSL 的 IIS 上托管 React 应用程序时如何解决 404/403 问题?
- javascript - 使用 JQuery 延迟 CSS 背景图像更改
- sql - 在 SYBASE db 中创建临时表时,为什么 SQL 会因创建/删除不平衡的临时表而失败?
- node.js - 如何从向导场景中调用命令 | Telegraf.js
- python - 将 csv 转换为 json 文件格式。不知道如何使用 pandas 或 python 在 json 中实现预期的输出
- image - 使用 Image.assets 未在颤振应用程序中加载图像