前端测试性能的一些工具

1.All-In-One PageSpeed Test 

使用:在火狐浏览器的扩展工具中搜索安装,然后直接在要测试的页面点击这个插件的小图标,就会出现结果

自己项目测试结果给出的自己需要改进的建议:

1.Add Expires headers

2.Use a Content Delivery Network (CDN)

3.Make fewer HTTP requests(合并一些资源,例如css,js等)

4.Reduce DNS lookups(减少dns的查询次数,就是资源不要放到太多不同的域名,花费过多的dns查找时间,建议在一个网站里面使用至少2个域,但不多于4个域来提供资源)

5.Make JavaScript and CSS external

6.Serve scaled images(自己项目里面后台配置的图片比较大,实际用展示的是小图,浪费了请求的资源,建议后台配置实际需要的小图)

7.Defer parsing of JavaScript(延时加载一些js)

posted @ 2020-04-01 20:29  missLiuliu  阅读(130)  评论(0编辑  收藏  举报