一、PageSpeed Insights

PageSpeed Insights 能够针对移动设备和桌面设备生成网页的实际性能报告，并能够提供关于如何改进相应网页的建议。

在线工具：https://developers.google.cn/speed/pagespeed/insights/

二、Chrome 开发者工具

Chrome 开发者工具是一套内置于Google Chrome中的Web开发和调试工具，可用来对网站进行迭代、调试和分析。

使用文档：https://developers.google.cn/web/tools/chrome-devtools/

三、使用 Lighthouse 审查网络应用

Lighthouse 是一个开源的自动化工具，用于改进网络应用的质量。 您可以将其作为一个 Chrome 扩展程序运行，或从命令行运行。 您为 Lighthouse 提供一个您要审查的网址，它将针对此页面运行一连串的测试，然后生成一个有关页面性能的报告。

使用文档：https://developers.google.cn/web/tools/lighthouse/

四、Putteteer

您可以在浏览器中手动执行的大多数操作都可以使用Puppeteer完成！以下是一些可以帮助您入门的示例：

• 生成页面的屏幕截图和PDF。
• 抓取SPA并生成预渲染内容（即“SSR”）。
• 自动化表单提交，UI测试，键盘输入等。
• 创建最新的自动化测试环境。使用最新的JavaScript和浏览器功能直接在最新版本的Chrome中运行测试。
• 捕获站点的时间线跟踪，以帮助诊断性能问题。
• 测试Chrome扩展程序。

使用文档：https://developers.google.cn/web/tools/puppeteer/

五、Workbox

JavaScript库，用于为Web应用程序添加离线支持，Workbox是一组库和节点模块，可以轻松缓存资产并充分利用用于构建Progressive Web Apps的功能。

使用文档：https://developers.google.cn/web/tools/workbox/

最新文章

1. CentOS7：安装Zabbix
2. Node.js+Express配置入门
3. Ext FileSystem Family、Ext2、Ext3
4. MySQL Batch 与 Transaction
5. libevent源码深度剖析
6. JVM-类文件结构
7. 【OpenGL】glFinish()和glFlush()函数详解-[转]
8. 4月13日学习笔记——jQuery工具函数
9. NIS Edit&Nsis打包程序发布(安装和卸载)
10. 【转载】应读者强烈要求给出《超容易的Linux系统管理入门书》一书的主要知识点
11. jooml二次开发---添加文章组件
12. JavaScript高级程序设计59.pdf
13. MyBatis完全使用指南
14. oracle常用自定义函数集合
15. vi常用操作命令
16. 【编程范式】C语言1
17. caffe源码分析 vector<Blob<Dtype>*>& bottom
18. Deploy .Net project automatically with MsBuild and MsDeploy (1)
19. Creational模式之Builder模式
20. 关于使用Xcode9.0使用[UIImage imageNamed:]返回null的问题

热门文章

1. 最新 优刻得java校招面经 （含整理过的面试题大全）
2. java_guide_类加载器
3. [Arc102B]All Your Paths are Different Lengths_构造_二进制拆分
4. mac更新后，xcrun: error: invalid active developer path (/Library/Developer/CommandLineTools), missing xcrun at: /Library/Developer/CommandLineTools/usr/bin/xcrun
5. javaweb中关于转发与重定向的写法
6. 网络流+最小生成树的最少割边数--How Many to Be Happy?
7. 序列化,os,sys,hashlib,collections
8. Python实现八大排序（基数排序、归并排序、堆排序、简单选择排序、直接插入排序、希尔排序、快速排序、冒泡排序）
9. 用bisect来管理已排序的序列
10. 学习扩展kmp