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

举报
dfsafdfas 发表于 2021/05/20 10:58:51 2021/05/20
3.7k+ 0 0
【摘要】 通常来讲,在项目上线试运行后,发现网页加载比较慢,这时我们就会有需求去优化我们的网页。这时通过互联网搜索,我们会发现网上有各种前端性能优化规则,如雅虎军规多少条,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

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

    全部回复

    上滑加载中

    设置昵称

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

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

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