网站载入速度优化之PageSpeed Insights Chrome扩展
相信有做前端的童鞋很了解这款扩展，PageSpeed Insights Chrome扩展是由Google官方开发的一款可以分析页面载入的各个方面，包括资源、网络、DOM以及时间线等等信息的插件，安装以后会附加到Developer Tools(开发者工具)中。
Google在6月19号推出了PageSpeed Insights 2.0版，下面是Google的介绍：
PageSpeed Insights：
一、安装：
应用店：https://chrome.google.com/webstore/detail/gplegfbjlmmehdoakndmohflojccocli
Tips：我每次点击进去都不会自动弹出安装的界面，都要现在左侧搜索然后再安装。
二、使用
上面已经说过了，安装完以后就会集成到Developer Tools(开发者工具)中，可以在页面中右键审查元素或者F12键。出现下图所示：
大家可以看见左侧有一个分析按钮，打开你要测试的网页，然后点击 “分析”。
分析完以后会出现上图中的内容，左侧是建议优化的分类，右侧则是具体内容，概述中还有一个Page Speed评分供大家参考。
我们可以点击左侧的分类查看具体优化的建议。
当然这款扩展并不是纸上谈兵，它会把优化的结果给你展现出来，如上图中，大家可以看到对于图片优化它会把优化后的图片给列出来，那么我们只要把建议后的图片替换本地的即可，当然了Css、Js等也都有优化后的文件供大家参考。
这款扩展真的可以说是做苦逼前端的神器了，不用天天被质问网站打开速度怎么那么慢，是什么影响网站的访问速度，要怎么优化等等了。
Google在6月19号推出了PageSpeed Insights 2.0版，下面是Google的介绍：
PageSpeed Insights：
一、安装：
应用店：https://chrome.google.com/webstore/detail/gplegfbjlmmehdoakndmohflojccocli
Tips：我每次点击进去都不会自动弹出安装的界面，都要现在左侧搜索然后再安装。
二、使用
上面已经说过了，安装完以后就会集成到Developer Tools(开发者工具)中，可以在页面中右键审查元素或者F12键。出现下图所示：
大家可以看见左侧有一个分析按钮，打开你要测试的网页，然后点击 “分析”。
分析完以后会出现上图中的内容，左侧是建议优化的分类，右侧则是具体内容，概述中还有一个Page Speed评分供大家参考。
我们可以点击左侧的分类查看具体优化的建议。
当然这款扩展并不是纸上谈兵，它会把优化的结果给你展现出来，如上图中，大家可以看到对于图片优化它会把优化后的图片给列出来，那么我们只要把建议后的图片替换本地的即可，当然了Css、Js等也都有优化后的文件供大家参考。
这款扩展真的可以说是做苦逼前端的神器了，不用天天被质问网站打开速度怎么那么慢，是什么影响网站的访问速度，要怎么优化等等了。