软件使用文档模板:网页加速开源实用工具:GOOGLE Page Speed
来源:百度文库 编辑:九乡新闻网 时间:2024/04/30 21:22:00
在网站开发中,我们做的页面经常会犯一些错误,使页面变得非常大,这样,不但影响客户的反应速度,降低用户的体验,也浪费带宽,提高成本,特别对于流量大的时候,这种浪费通常是可怕的。
最容易出现的问题就是图片非常臃肿,CSS定义效率低等问题。
2009年6月,GOOGLE针对FIREFOX推出了Page Speed加速工具,能够分析我们网页的问题。Yahoo也推出过类似工具。
此工具仅支持FIREFOX,我也建议大家用FIREFOX,并且制作网页考虑其兼容性。
先下载FireBUG插件,http://getfirebug.com/,然后下载Page Speed插件,安装后再FF右下有个蜘蛛的图形,可以对页面进行分析。
我们可以看一个下面截图的例子,可以看出,这个站点的图片容量可以优化100K,接近50%,出现这个问题的主要原因是对大图进行强制定义大小,而没有再次生成。
具体的功能看自王丽娟翻译的一篇文章:http://www.infoq.com/cn/news/2009/06/Page-Speed
//-------------------------------------------------------------------------------引用!
最容易出现的问题就是图片非常臃肿,CSS定义效率低等问题。
2009年6月,GOOGLE针对FIREFOX推出了Page Speed加速工具,能够分析我们网页的问题。Yahoo也推出过类似工具。
此工具仅支持FIREFOX,我也建议大家用FIREFOX,并且制作网页考虑其兼容性。
先下载FireBUG插件,http://getfirebug.com/,然后下载Page Speed插件,安装后再FF右下有个蜘蛛的图形,可以对页面进行分析。
我们可以看一个下面截图的例子,可以看出,这个站点的图片容量可以优化100K,接近50%,出现这个问题的主要原因是对大图进行强制定义大小,而没有再次生成。
具体的功能看自王丽娟翻译的一篇文章:http://www.infoq.com/cn/news/2009/06/Page-Speed
//-------------------------------------------------------------------------------引用!
Google刚刚开源了Page Speed,这是一个Google优化其网站,特别是加速网页加载的内部工具。
Page Speed是运行在Firebug里的Firefox插件。该工具可以运行在Linux、Mac和Windows XP/Vista之上。Page Speed在运行时会分析一些Web服务器配置和服务器上下载下来的代码,还会创建一个结果列表,其中包括如何改进网页的建议。分析基于一个分为五类的最佳实践列表:
- 优化缓存——让你应用的数据和逻辑完全避免使用网络
- 减少回应时间——减少一连串请求-响应周期的数量
- 减小请求大小——减少上传大小
- 减小有效负荷大小——减小响应、下载和缓存页面的大小
- 优化浏览器渲染——改善浏览器的页面布局
这些实践考虑了页面加载时间,以及发出页面请求到客户端看到结果之间的时间。页面加载时间包括创建TCP连接、解析DNS名称、发送请求、获取(包括来自于缓存的)资源、执行脚本、渲染。
该工具提出的建议有:
- 避免使用CSS表达式
- 结合使用外部的CSS
- 结合外部的JavaScript
- 推迟JavaScript的加载
- 启用gzip压缩
- 利用浏览器缓存
- 利用代理缓存
- 减少JavaScript
- 减小Cookie大小
- 减少DNS查找
- 减少重定向
- 优化图片
- 优化样式和脚本的顺序
- 跨主机名并行下载
- 将CSS放在文件头部
- 删除用不到的CSS
- 始终从一个URL为资源提供服务
- 在没有Cookie的域里处理静态内容
- 指定图片尺寸
- 使用有效率的CSS选择器
这些建议根据优先级排列。比如说,在加载Facebook的主页时,已知的高优先级建议是:“在文件头部先包含外部的JavaScript文件,然 后再将外部的CSS文件包含进来。为了保证并行下载CSS文件,始终要在包含外部JavaScript之前先包含外部CSS。”
Page Speed的活动版面显示了所有浏览器的活动,包括网络事件和JavaScript代码完成的时间(单位:毫秒)。要想看看在尝试加载特定页面时,浏览器 在哪里花费了最多的时间,这是非常有用的。总之对Web开发人员来说,Page Speed似乎是一个必备的工具。
网页加速开源实用工具:GOOGLE Page Speed
Google推出网页加速工具Page Speed
使用 Google Page Speed 给你的网站提速
【实用工具】
实用工具
实用工具
实用工具
实用工具
实用工具
实用工具
巧用网络加速工具 加速网页浏览速度 -
巧用网络加速工具 加速网页浏览速度
网页加速之网页结构篇 - Lay的日志
测试与优化您的目标网页(Landing page),提升转换率!
如何在网页中加入google地图并标识具体位置
Google的开源C++单元测试框架Google Test初探 - 常高伟的专栏 - CS...
网页加速之图形处理篇 - Lay的日志
五招加速网页响应时间-制作技巧
开源项目托管站点SourceForge, Google Code, CodePlex
实用工具2
实用工具查询
实用工具SYGJ
实用工具42
实用工具大全