MENU

【分享】浏览器Web页面性能优化测试插件

2021 年 02 月 27 日 • 阅读: 447 • 分享

这里推荐使用 Edge 浏览器的 wattspeed 插件,Chrome 浏览器的 lighthouse 插件。


1.Edge 浏览器的 Wattspeed 插件

界面效果:
pic38pic39pic40功能:

  • 检测 Web 页面 HTML5 错误
  • 检测代码书写规范问题
  • 检测页面速度
  • 检测人性化设置(考虑屏幕阅读器的使用体验)
  • 检测页面使用的技术
  • 给 Web 页面评分

注意事项:

  1. 使用时需要科学上网(否则可能体验极差)

安装:

  • Edge 浏览器扩展里面搜索 wattspeed 即可下载

使用:

  • 一般单击地址栏右侧对应的扩展按钮即可

2.Chrome 浏览器的 Lighthouse 插件

界面效果:

pic41
pic42

功能:

  • 给 Web 页面评分
  • 测速 Web 页面
  • 检查 Web 页面的问题并给出提示
  • 评分页面 SEO 情况

注意事项:

  1. 需要科学上网进行安装
  2. 使用时不需要科学上网

安装:

  • 科学上网,然后到 Chrome 浏览器扩展中搜索下载

使用:(如下图)

pic43

  1. F12 打开控制台
  2. 选择 lighthouse 选项(没有的话点击双箭头图标在里面选择 lighthouse)
  3. 单击 Generate report 按钮即可
最后编辑于: 2021 年 03 月 06 日
返回文章列表 文章二维码
本页链接的二维码
打赏二维码