减少页面加载时间的方法

1.优化图片

   优化图片文件，减小其尺寸，特别是缩略图，一定要按尺寸生成缩略图然后调用，不要在网页中用resize方法实现，虽然这样看到的图片外形笑了，但是其加载的数据量一点也没减少。曾经见过有人在网页中加载的缩略图，其真实尺寸有10M之巨。普通图像、icon也要尽可能压缩后，可以采用web图像保存、减少颜色数等等方法实现。

2.图像格式的选择

    除了优化图片，选择正确的图片格式也是很重要的。JPEG格式适合于照片或真彩图片。GIF格式适用于标志或按钮等平面彩色图片。PNG类似于GIF，但支持更多的色彩。GIF提供的颜色较少，可用在一些对颜色要求不高的地方。

3.压缩Javascript、CSS代码

    一般js、css文件中存在大量的空格、换行、注释，这些利于阅读，如果能够压缩掉，将会很有利于网络传输。（压缩合并css，如margin-top,margin-left...)

4.css和js文件在文档位置

  css格式定义放置在文件头部：用户端是慢速网络或网页内容比较庞大的情况，网页逐步呈现的同时仍会保持格式信息，不影响网页美感。
  Javascript脚本放在文件末尾：在主体网页加载完成后再加载，防止其影响到主体网页的加载速度。
 
5.标明高度和宽度

   如果浏览器没有找到这两个参数，它需要一边下载图片一边计算大小，如果图片很多，浏览器需要不断地调整页面。这不但影响速度，也影响浏览体验。
   当浏览器知道了高度和宽度参数后，即使图片暂时无法显示，页面上也会腾出图片的空位，然后继续加载后面的内容。从而加载时间快了，浏览体验也更好了。

6.减少http请求（合并文件，合并图片）。

   当加载一个网页时，网页上的每一个对象（图象、文字和线等）将请求服务器的回应。这种请求会延长加载时间。因此要尽量减少对象的数量，并且把CSS的文件和脚本进行结合。
   1）例如：载入图形文件时使用css sprites技术。
   2）Ajax调用尽量采用GET方法调用：实际使用XMLHttpRequest时，如果使用POST方法实现，会发生2次HTTP请求，而使用GET方法只会发生1次HTTP请求。如果改用GET方法，HTTP请求减少50%。

7.使用CDN(Content Delivery Network)网络加速
  
    现在国内做CDN加速业务的公司很多，简单讲，就是将你的图片、视频扩散到CDN网络所能到达之处，让用户访问时能就近下载到这些文件，从而达到网络提速的目的，这样做，同时能减轻你自己网站的负载。

8.网址后加斜杠

   当用户打开一个链接时，服务器会推测链接这个地址包含哪种文件或页面。如果在连接后加上斜线（ / ），服务器就知道这是一个目录页，这样做可以减少页面的加载时间。如www.campr.com/目录，会判断这个“目录是什么文件类型，或者是目录。

9.添加文件过期或缓存头

   同一用户频繁访问的图片、Js脚本文件等可以在Apache或Nginx设置其缓冲 时间，例如设置24小时过期时间，这样用户在访问过该页面之后再次访问时，同一组图片或JS不会再重复下载，从而减少了HTTP请求，用户访问速度明显有 所提升，同时服务器负载也会下降。

整理来源： http://www.5icool.org/a/201411/a9105.html
http://jingyan.baidu.com/album/cd4c2979dbdb5f756e6e6028.html