May 18, 2007

[翻译]如何优化网页读取速度

原文:How to optimize web pages for faster loading
  如果网页加载速度很快,博客的读者当然会很高兴。问题是──怎么让它快速加载?让我告诉你我的发现──优化网页,这就是答案。下面是一些优化网页的方法。
  减少网页中的不必要的空格是一种降低 Page weight 的方法。Page weight 在读取过程中起到了重要的作用。一些工具,比如 HTML Tidy, 能自动从网页代码中去掉多余的空格和空行。当然你也能自己去掉代码中(多余的)空格。这能去掉网页中大部分多余的重量(weight),从而加快一些读取速度。
  由于每个独立的域都会花一部分时间进行 DNS 查找,减少使用其他域的 CSS、JavaScript 和图片会减少读取时间。虽然不总是很使用,但是,尽量少使用不同域的文件是可能的。我检查我的 blog,把所有图片都以PNG格式保存在本地,然后上传到我的网页服务器。这样所有(几乎所有)都来自同一个域。
  当然也可以修剪网页。在 Blogger 中这简单的等于减少主页的文章数量。在设置/格式设定/显示中可以对其进行修改。我选择了5篇文章,可能以后还要修改。
  去掉博客中不必要的元素。 对我来说包含声音文件是很大的错误。它需要大量的时间来读取,同时也经常惹恼读者。试着不要使用 Java applets──JavaScript 读取更快速。问问自己,侧边栏的一个小时钟是否能值回读取它的时间?特别是每个人在右下角都能看到时间的时候。从读取速度上好好审阅一下 blog,也许能减少向你的 blog 中添加一些不必要的东西。
  我们还用方法提高图片的读取速度。只需要在 img 标签中加上 width 、height 属性。比如,以前的标签像这样:

<img SRC="blogheader.gif">

blogheader.gif 的宽、高分别是30、15,那么改成如下格式:
<img SRC="blogheader.gif" width=30 height=15>

  为什么这样修改能提高速度?后一种标签帮助浏览器在读取图片前决定页面的布局。这当然是有原因的,如果页面中有很多图片,每次读取图片后计算页面页面布局将花费更多的时间。
  减小图片尺寸能减少读取时间。Online Image Optimizer 能减小 gif、 jpg和png图片的尺寸。这是在线免费工具,而且很容易使用。
  我已经尝试把所有的图片转换成 PNG,因为没有版权问题,而且读取快速。但是,如果你仍然想使用 gif 和 jpg,有一个好规则──如果不需要高清晰的分辨率,首先使用 GIF,因为它读取更快。JPG 一般使用于照片,而 GIF 用于其他。
  使用上面的一些方法能加快 blog 的读取时间,让你的拥有更多愉快的读者和老读者!!
感谢以下网站:
Chami.com Tips, WebWeaver.nu, Netscape Devedge

0 comments:

Twitter Delicious Facebook Digg Stumbleupon Favorites More

 
Powered by Blogger