« 上一篇下一篇 »

图像优化之AOL Pagetest

AOL Pagetest和其Web版本WebPagetest都使用如下的最佳实践来分析网页:

    *启用浏览器缓存静态资源
    *对所有的静态资源使用1个CDN。
    *合并静态CSS和JavaScript文件。
    *对所有适合的文本资源进行Gzip编码。
    *压缩图片。
    *使用持久连接。
    *正确使用Cookie。
    *精简JavaScript。
    *不采用ETag头。

    AOL Pagetest是Internet Explorer的插件。WebPagetest可以通过任何浏览器访问,它实际运行在后端服务器的Internet Explorer上。除了性能十分有趣。WebPagetest相当流行,但一直没有得到它应有程序或插件的麻烦。这一切通过任何浏览器来对任何网站进行分析,没有下载、安装和配置应用程序或插件的麻烦。这一切通过在WebPagetest后端服务器的Internet Explorer上运行AOL Pagetest来实现。来自任何浏览器的WebPagetest用户只要简单地在表单中输入想要分析的网站URL,1分钟之后就会生成分析报告。

    WebPagetest这种网页形式令每个人用起来都很方便,包括非开发人员,但它确实也有一定的局限性。统计报告永远都是使用WebPagetest的远程Internet Explorer产生的,这有点让人莫名其妙。使用IE来生成这类报表却是一个挑战。同样,结果并不一定反映你的本地环境。如果尝试在当前的网络连接下调试程序,或者正加载的网页依赖于你当前的Cookie,那么WebPagetest将无法正确捕获它们。这时可以选择AOL Pagetest或者到其他数据包嗅探器来分析当前的浏览体验。

    VRTA

    来自微软的VRTA是Visual Round Trip Analyzer的简称。它可以显示HTTP瀑布图,但相比其他的工具,它能提供更多、更详细的内容。VATA侧重于网络优化,它一个重要功能就是显示了已有TCP连接的重用。在大多数的HTTP瀑布图中,每个HTTP请求是一个单独的横杠。相反,VRTA还显示比特率直方图,以表示可用带宽的利用程度。

    除了其复杂的网络图表之外,VRTA还通过下面一组性能最佳实践来评估页面加载信息:

    *打开足够的端口。
    *限制需要加载的小文件数量。
    *在JavaScript引擎之外加载JavaScript文件。
    *开启keep-alive。
    *识别网络拥塞。
    *增加网络最大传输单元(MTU)或TCP窗口大小(TCP window size)。
    *识别服务器拥塞。
    *检查不必要的往返。
    *设置过期时间。
    *不轻易使用重定向。
    *使用压缩。
    *编辑CSS。

« 上一篇下一篇 »