简介
lighthouse-plugin-publisher-ads 是一个用于检查网站或应用程序的广告性能优化的 Lighthouse 插件。此插件帮助您了解页面上广告的性能表现以及建议您如何改进广告的性能。
安装
在你的项目中使用 npm 安装 lighthouse-plugin-publisher-ads 插件：
npm install --save-dev lighthouse-plugin-publisher-ads
使用方法
在终端启动 Lighthouse 检查，使用 -p 选项来指定要使用的插件：
lighthouse https://example.com -p publisher-ads
启动 Lighthouse 检查后，您将会看到如下图所示的输出：
检查的内容
广告统计信息
此插件将输出以下广告统计信息：
- 页面上的广告位数量。
- 各个广告位的点击量和展示量。
建议
此插件将提出以下建议：
- 需要确定广告的容器的大小。因为不确定的广告容器大小会影响广告性能。
- 考虑使用占位符广告。这对于减少页面的布局抖动有所帮助。
- 需要对广告容器进行优化设计。这方面的建议包括缩小或删除不必要的边框和填充物以及减少动画和效果。
示例代码
-- -------------------- ---- -------
----- ---------- - ----------------------
----- -------------- - ---------------------------
----- ------------ - -------------------------------------------
---
- -----
--
-------- --------------------------------- ----- ------ - ----- -
------ ----------------------------------- ------------------------------ -- -
--------- - ------------
------ --------------- ----- -------------------- --
--------------------- -- --------
--
---
-
---
- -- ------------- ------------ ---
--
----- ---- - -
------------ -----------------------
--------------- ----------------
-------- ---------------
--
------------------------------------------------------- ------------------ -- -
---------------------
---结论
通过使用 lighthouse-plugin-publisher-ads 插件，您可以轻松地找出您的网站或应用程序上的广告的性能问题，并改进它们的性能。这样可以提高页面的质量和用户体验，并为您的业务带来更好的收益。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5eedc1ebb5cbfe1ea0611f8f