帮助你提高网站速度的四个工具
分类:网络技术 | 2009-01-02
1. Web Page Analyzer:
虽然现时互联网的带宽不断提升,但是一个力争优秀的网站,还是应该尽量减少自己的网页大小以提高访问速度,毕竟没有多少用户喜欢忍受一个臃肿的页面。Web Page Analyzer 便是一个网页减肥的好工具,地址:http://www.websiteoptimization.com/services/analyze/
进入了 Web Page Analyzer 的页面后,在 “Enter URL to diagnose:” 的后面输入你的网站地址,然后确定, Web Page Analyzer 便会分析你的网站页面和附带的图像文件、CSS 文件、JS 文件的大小,并为你提供一份详细的报告。在报告页面,找到 “Page Objects” 的表格,下面就列明了你的网页和每个附带文件的大小,可以看看里面有哪些文件是不需要的,有哪些文件是可以进一步压缩或合并的。下面的 “Analysis and Recommendations” 还提出了页面各项指标的评级。
2. CSSTidy:
如果你的网页经过 Web Page Analyzer 的分析,发现 CSS 文件过于臃肿,那就不妨尝试一下使用 CSSTidy 对你的 CSS 文件进行优化。CSSTidy 是一个开源的 CSS 整形和优化工具。它既有适用于 Windows、Linux 和 OSX 的客户端程序,也有基于 PHP 的 Web 版。CSSTidy 完全支持 CSS2。点击这个地址访问 CSSTidy 工具:CSS整形与优化工具(使用CSSTidy1.3)
为什么要优化 CSS?优化 CSS 有利于加速页面载入和降低流量成本,这对网站和用户都有好处。何乐而不为?
压缩比?压缩比的大小很大程度上取决于你选择的删除空白的程度。一般来说,使用标准的空白删除(兼顾代码的可读性)可使压缩比达到30%以上。当然,如果你的 CSS 代码中本身就有很多空白,压缩比将会更高。
除了压缩还有什么?如果压缩对你来说不是很重要,你也可以用 CSSTidy 来对 CSS 进行整形或修复。除了4种默认的模板,你还可以使用自定义的模板对 CSS 代码整形。结构良好、一目了然的 CSS 代码对日后的维护是非常有利的。
3. Smushit!
经过 Web Page Analyzer 的分析,可能你还会发现你的网站存在太多臃肿的图片。除了减少图片的数量,在保持图片的质量的同时减少图片的体积也很重要,那么不妨试一试 Smushit 的在线压缩服务。
Smushit 是一款图片压缩服务,能在保证图片质量的前提下,最大化和最优化压缩图片。操作简单,无需注册,Smushit 提供一次性压缩单张或多张图片的服务,可以从本地上传然后进行压缩,如果知道图片 Url 地址,也可直接从网上直接进行压缩,只要找准图片地址即可,而且可以批量操作,压缩后的图片最后以 Zip 文件打包提供下载。
4.Javascript 压缩
压缩了 CSS 和图片,那么剩下的就是 JS 了。Javascriptcompressor就是这么一个有用的工具,为你除去冗余的 Javascript 代码。经过测试,一个 5Kb 的JS 文件可以压缩到 2KB 左右,如果你的网页有不少Javascript 代码,那这个工具是个很好的选择。不过压缩后的代码变量名、函数名都用简短的字母所替代,也没有了缩进,因此失去了可读性,所以在压缩前请千万要保存好源代码以便修改。