如何快速发现影响你的网页加载速度慢的原因?

举报
dfsafdfas 发表于 2021/05/20 10:58:51 2021/05/20
【摘要】 通常来讲,在项目上线试运行后,发现网页加载比较慢,这时我们就会有需求去优化我们的网页。这时通过互联网搜索,我们会发现网上有各种前端性能优化规则,如雅虎军规多少条,Chrome网络面板分析等等方式去优化我们的代码。这里给大家推荐一个非常好用的在线分析网站GTmetrix。并简单介绍一下如何使用。1. 访问在线网站,并注册账号,为什么要注册呢?主要是注册后,可以将测试服务器选择离国内较近的服务器...

通常来讲,在项目上线试运行后,发现网页加载比较慢,这时我们就会有需求去优化我们的网页。这时通过互联网搜索,我们会发现网上有各种前端性能优化规则,如雅虎军规多少条,Chrome网络面板分析等等方式去优化我们的代码。这里给大家推荐一个非常好用的在线分析网站GTmetrix。并简单介绍一下如何使用。


1. 访问在线网站,并注册账号,为什么要注册呢?主要是注册后,可以将测试服务器选择离国内较近的服务器。

https://gtmetrix.com/


2. 输入要测试的网页,并且设置测试服务器,浏览器;简单验证建议设置为香港地区(很早前有重庆站点,现有没有啦),其它不用变更,接下来这里以应用商城首页来验证

3. 点击分析,然后等待分析结果


4. 查看分析结果,看到下述结果是不是很吓人,一个性能好的网页,通过评分要达到A级,性能数据要达到90%以上才行。赶紧根据下述4个建议优化您的网页吧。网页性能测试的报告还可以导出为PDF


最后,优化规则参考

https://github.com/sukunwei/front-end-performance-optimization

http://taligarsiel.com/ClientSidePerformance.html

【版权声明】本文为华为云社区用户原创内容,转载时必须标注文章的来源(华为云社区)、文章链接、文章作者等基本信息, 否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。