登录 免费注册

使用谷歌浏览器Audits优化页面

2019-07-19 17:22:23 1 评(2) 阅(2517)

前言

经过几次改版,网站页面产生了不少无用css,之前使用火狐浏览器的插件能快速清除无用css,但插件目前下架已无法使用了。那么,Chrome谷歌浏览器Coverage功能可以帮到我们,能快速检测页面运行过程中用到哪些css和js。如图:


聊聊Audits功能

作为一个初级站长,很在意外界对网站的点评。被赞美时候很得意,被吐槽时候小伤心,被无视的时候些许失落。今天聊的主角是Chrome谷歌浏览器的Audits,站点的审查员,页面的大管家,Audits从Performance(性能),Accessibility(可访问性),Best Practices(最佳实践),SEO(搜索引擎优化),Progressive Web App(渐进式网页应用)五大方面对网站进行测评。

经过一些优化之后,再次运行Run audits对网站首页进行测评结果:


Performance : 95+

Accessibility :70+

Best Practices :70+

SEO:100 

PWA:不太清楚是什么,需深入学习

声明:

文章内容版权归作者所有,不代表本站任何观点;任何转载需经过作者授权。

领取人
西贝晴 福尔摩斯小可爱
用户评论 共 2 条评论
您尚未 登录
最新评论
西贝晴 2019-08-27 15:11
有朋友反馈,Audits卡了,没有反应,是因为谷歌浏览器的Audits这个功能需要能访问谷歌网站才能正常使用:(墙
福尔摩斯小可爱 2019-07-19 19:10
辛苦了,一直用谷歌,现在才知道还有这个。学习了。。。给你个大拇指
阅读排行