记忆盒子

把记忆装进灰色的盒子,封装起来,那年那月,重新拾起。

首页搜索目录
search
当前主题: 互联网络

加快网页打开速度的五点建议

作者:Kaka    时间:2009-12-28 23:46:49    浏览:    评论:13

      加快网页打开速度,虽然是老生常谈,但不论什么时候都是站长密切关心的问题。其实有不少途径可以加快网页打开速度,例如你可以换一台性能更高的服务器,换一条带宽更多的网络线路,再加上CDN加速服务等等,这些都是从硬性方面来考虑的,但是,毫无疑问,不是每个站长都有这个能力去购买这些服务的,所以,草根站长只能从软性方面来考虑了。

      本文提及的加快网页打开速度的五点建议,就是从网页的优化来考虑的。

      一、优化图片

      优化图片包括减少图片数、降低图像质量、使用恰当的格式。

      1、减少图片数:要尽量避免使用过多的图片,最好不要使用图片,加载10行文字绝对比加载5行高的图片要快得多。

      2、降低图像质量:如果不是很必要,尝试降低图像的质量,尤其是jpg格式,降低5%的质量看起来变化不是很大,但文件大小的变化是比较大的。

      3、使用恰当的格式:一般在网页上使用的图片格式有三种,jpg、png、gif,有时候使用bmp。我们需要知道在什么时候应该使用什么格式,以减少网页的加载时间。
      a、JPG/BMP:一般用于展示风景、人物、艺术照的摄影作品。有时也用在电脑截屏上。
      b、GIF:提供的颜色较少,可用在一些对颜色要求不高的地方,比如网站logo、按钮、表情等等。当然,gif的一个重要的应用是动画图片。就像用Lunapic制作的倒映图片。
      c、PNG:PNG格式能提供透明背景,是一种专为网页展示而发明的图片格式。一般用于需要背景透明显示或对图像质量要求较高的网页上。

      二、标明图片高宽

      这点我们非常容易忽略,在写html代码时,很少考虑到要去标明图片的width和height属性。如果浏览器没有找到这两个参数,它需要一边下载图片一边计算大小,如果图片很多,浏览器需要不断地调整页面。这不但影响速度,也影响浏览体验。

      三、不要在HTML中缩放图片

      图片要用多大的就用多大的,1000X1000的图片被width="100″ height="100″以后,本身的KB数是不会减少的。

      四、减少HTTP请求

      当浏览者打开某个网页,浏览器会发出很多对象请求(图像、脚本等等),视乎网络延时情况,每个对象加载都会有所延迟。如果网页上对象很多,这可以需要花费大量的时间。因此,要为http请求减负。如何减负?
      1、去除一些不必要的对象。
      2、将临近的两张图片合成一张。
      3、合并CSS
      看看下面这段代码,需要加载三个CSS:
      <link rel="stylesheet" type="text/css" href="/body.css" />
      <link rel="stylesheet" type="text/css" href="/side.css" />
      <link rel="stylesheet" type="text/css" href="/footer.css" />
      我们可以将其合成一个:
      <link rel="stylesheet" type="text/css" href="/style.css" />
      从而减少http请求。

      五、减少DNS查找

      减少网站从外部调用资源,网页加载效率会大大提高,所以,不要使用过多的网页插件。这点建议已经被纳入Google的网站性能分析报告里了。

x

标签: SEO  

※ 网站速度慢?试试网站自动优化工具 ※

上一篇: 在评论内容中显示评论者博客最新文章
下一篇: 将Z-Blog博客升级到1.8 Walle 版本
  • 13.盒***
  • 其实文章是需要图片的,只是最好图片的优化就是杠杠的
  • 2015/5/18 17:50:32 回复该留言
  • 8.安***
  • 呵呵,主机好,带宽高,同样可以提高速度哦
    Liwen 于 2010-1-9 3:22:10 回复
    是啊,哈~~~
  • 2010/1/8 19:49:01 回复该留言
  • 7.e****
  • 恩恩,很实用呢,支持下。
    Liwen 于 2009-12-29 17:46:42 回复
    多谢支持哈~~
  • 2009/12/29 16:43:00 回复该留言
  • 6.h*******
  • 嗯,确实,你的博客打开速度就很快!
    Liwen 于 2009-12-29 13:58:42 回复
    这个博客现在被adsense拖死了。。。
  • 2009/12/29 13:47:06 回复该留言
  • 5.阿*
  • 我的最简洁,无图片的,哈哈。。。
    Liwen 于 2009-12-29 13:55:56 回复
    晕了,你那样的博客,简洁得就是一张公告牌了!进入你的博客,我们犹如从现代文明又回到了最初的原始时代!
  • 2009/12/29 13:32:17 回复该留言
  • 4.z*****
  • 广告也很影响速度,hoho,比如刚刚adsense段时间的抽筋了。
    Liwen 于 2009-12-29 13:34:52 回复
    我一直为adsense广告烦心!但又觉得页面加个广告,看起来更显成熟。如果页面上一个广告都无,反而觉得太过冷清,给人感觉不好。
  • 2009/12/29 13:15:21 回复该留言
  • 3.九*
  • 你说那个什么BASELINK啊,还是什么那个有什么作用?要不要用上?
    Liwen 于 2009-12-29 12:37:24 回复
    BASELINK插件?什么那个有什么作用是什么跟什么?关于插件的选用,还是看自己博客的主题以及发展方向是否适合吧,只要不滥用,我估计对网页的加载速度不会影响很大的。
  • 2009/12/29 12:21:22 回复该留言
  • 2.猫*
  • 我觉得图片不太多的话不会慢的。
    Liwen 于 2009-12-29 12:29:42 回复
    嗯,图片优化是关键!
  • 2009/12/29 10:18:15 回复该留言
  • 1.d***
  • 感觉优化图片很重要,呵呵
    Liwen 于 2009-12-29 9:38:53 回复
    所以我的电脑里装了firework!呵呵~~
  • 2009/12/29 6:41:23 回复该留言

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

订阅博客                   QQ交流群(312716741)

  • 通过Google订阅本站 通过鲜果订阅本站 通过抓虾订阅本站
  • 通过QQ邮箱订阅本站 通过Yahoo订阅本站 通过有道订阅本站

Search

最新评论及回复

最近留言

网站分类

Powered By Z-Blog 1.8 Walle Build 91204 Designed by Han'space

Copyright @2009-2024 All Rights Reserved. 粤ICP备14028160号-1

Powered By Z-Blog 1.8 Walle Build 91204
Copyright @2009-2024 All Rights Reserved.