如何提高网页加载速度?

来源:金豆网赚 - 点击数:

  最近子爵网赚在做一个CPA类的项目,因为很多这类项目模板都是单页,调用内容的时候基本是从本地服务器调用,速度非常慢。子爵网赚做的单页最恐怖是一个页面打开速度竟然达到了23s!简直是想让我把项目做死的节奏!当然,这其实也不难解决,优化网页打开速度呗!经过子爵的一步步优化调整,现在网页打开速度已经降到3秒可容忍范围内。今天子爵网赚将优化网页打开速度的方法分享下。
提升网页加载速度
  1、启用GZIP压缩
 
  GZIP压缩是一种提升网页速度优化技术,利用这种技术可以提升网页打开速度、缩短网页打开时间。一般情况下,页面都可以被压缩70%--80%,对提升网页打开速度效果极其明显。启用GZIP压缩的方法根据所选用引擎不同而各异,具体的方法大家可以根据各自情况到网上搜索。
 
  2、优化图片
 
  优化图片包括减少图片数、降低图像质量、使用恰当的格式。
 
  1、减少图片数:要尽量避免使用过多的图片,最好不要使用图片,加载10行文字绝对比加载5行高的图片要快得多。
 
  2、降低图像质量:如果不是很必要,尝试降低图像的质量,尤其是jpg格式,降低5%的质量看起来变化不是很大,但文件大小的变化是比较大的。
 
  3、使用恰当的格式:一般在网页上使用的图片格式有三种,jpg、png、gif,有时候使用bmp。我们需要知道在什么时候应该使用什么格式,以减少网页的加载时间。
 
  a、JPG/BMP:一般用于展示风景、人物、艺术照的摄影作品。有时也用在电脑截屏上。
 
  b、GIF:提供的颜色较少,可用在一些对颜色要求不高的地方,比如网站logo、按钮、表情等等。当然,gif的一个重要的应用是动画图片。就像用Lunapic制作的倒映图片。
 
  c、PNG:PNG格式能提供透明背景,是一种专为网页展示而发明的图片格式。一般用于需要背景透明显示或对图像质量要求较高的网页上。
 
  3、标明图片高宽
 
  这点我们非常容易忽略,在写html代码时,很少考虑到要去标明图片的width和height属性。如果浏览器没有找到这两个参数,它需要一边下载图片一边计算大小,如果图片很多,浏览器需要不断地调整页面。这不但影响速度,也影响浏览体验。
 
  4、不要在HTML中缩放图片
 
  图片要用多大的就用多大的,1000X1000的图片被width="100″height="100″以后,本身的KB数是不会减少的。
 
  5、减少HTTP请求
 
  当浏览者打开某个网页,浏览器会发出很多对象请求(图像、脚本等等),视乎网络延时情况,每个对象加载都会有所延迟。如果网页上对象很多,这可以需要花费大量的时间。因此,要为http请求减负。如何减负?
 
  1、去除一些不必要的对象。
 
  2、将临近的两张图片合成一张。
 
  3、合并CSS
 
  看看下面这段代码,需要加载三个CSS:
 
  <linkrel="stylesheet"type="text/css"href="/body.css"/>
 
  <linkrel="stylesheet"type="text/css"href="/side.css"/>
 
  <linkrel="stylesheet"type="text/css"href="/footer.css"/>
 
  我们可以将其合成一个:
 
  <linkrel="stylesheet"type="text/css"href="/style.css"/>
 
  从而减少http请求。
 
  6、减少DNS查找
 
  减少网站从外部调用资源,网页加载效率会大大提高,所以,不要使用过多的网页插件。这点建议已经被纳入Google的网站性能分析报告里了。
     
        7、增加网站带宽
        打开速度慢增加带宽当然也是一种非常有效的解决办法,这是最直接有效的方法。当然增加带宽之前最好将上述6种方法都一一使用过,使用后如果还对网页打开速度不满意,增加带宽肯定是最后有效的解决办法了。
  
        通过对网站打开速度的优化,不但可以提升用户体验,还可以提高搜索引擎抓取的速度。极大的提升SEO优化效果,对于网站是很有益的!

转载请注明:文章来源于金豆网赚http://www.jindouw.com/wangzhuanriji/130.html