前端性能分析工具 pagespeed + chrome

前端性能分析工具: pagespeed + chrome、Yslow + firebug + firefox, 以下为:pagespeed + chrome 非在线安装插件的方式;(Yslow 导出分析结果更为方便,貌似 pagespeed 没有)。

chrome ->更多-》更过工具 -》 扩展程序打开 开发者模式:
一、应用商店已下架的插件
1.将下载的 .crx 文件,重名为 .rar 文件;
2.解压 .rar 文件;
3.加载已解压的扩展程序 -》 直接将整个解压后的文件夹load 进来即可;

PS. chrome 版本和 pagespeed 有版本关联,比如 chrome v95 的 能用 pagespeed 2.0.4.3

二、应用商店未下架的插件
1.直接将下载的 .crx 文件 拖入 浏览器的 扩展程序页面(chrome://extensions/);

检查是否安装成功:
1.浏览器的 扩展程序页面(chrome://extensions/)有该插件;
2.浏览器 -》开发者工具 -》 pagespeed 标签页;
3.打开任意网络,点击 pagespeed 标签页 的 分析或开始分析,后即可看到结果;

百度网盘下载地址(本人使用第一种安装方法,亲测好用):

链接:https://pan.baidu.com/s/1Pxy5VcvUSZ6lcrSonA-XUQ

提取码:811a

posted @   HinaJin  阅读(668)  评论(0编辑  收藏  举报
编辑推荐:
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
阅读排行:
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· Manus的开源复刻OpenManus初探
· 三行代码完成国际化适配,妙~啊~
· .NET Core 中如何实现缓存的预热?
· 阿里巴巴 QwQ-32B真的超越了 DeepSeek R-1吗?
点击右上角即可分享
微信分享提示