一、优化图片

1、减少图片数：去除不必要的图片。

a、将多个可repeat的背景图片合并做成一张小尺寸css sprites图片以代替多张大尺寸的背景图;

b、将页面上固定尺寸的小图标、(特别是带hover效果的)按钮等整合成一张css sprites图片(将正常状态 & hover时的按钮图片整合，可减少http请求数的同时，也能解决鼠标移上hover图片加载延时的问题);

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

一般在网页上使用的图片格式有三种，jpg、png、gif，我们只需要知道在什么时候应该使用什么格式，以减少网页的加载时间

a、JPG：一般用于展示风景、人物、艺术照的摄影作品。有时也用在电脑截屏上。

b、GIF：能显示的颜色数量为256色，对不包含大量色彩渐变的图片来说已足够，可用在一些对颜色要求不高的地方，比如网站logo、按钮、表情等等。当然，gif的一个重要的应用是动画图片。

c、PNG：PNG格式能提供透明背景，是一种专为网页展示而发明的图片格式。一般用于需要背景透明显示或对图像质量要求较高的网页上。

3、图片应标明高度和宽度: 网页上直接插入图片时，应该指定它们的height(高)和width(宽)。如果浏览器没有找到这两个参数，它需要一边下载图片一边计算大小，如果图片很多，浏览器需要不断地调整页面。这不但影响速度，也影响浏览体验（当浏览器知道了高度和宽度参数后，即使图片暂时无法显示，页面上也会腾出图片的空位，然后继续加载后面的内容。从而加载时间快了，也提高了浏览体验）

二、目录网址后加斜杠

比如ww.text.com/512 当服务器收到这样一个地址请求的时候，它需要花费时间去确定这个地址的文件类型。如果512是一个目录，不妨在网址后多加一个斜杠，让其变成ww.text.com/512 ，这样服务器就能一目了然地知道要访问该目录下的index或default文件，从而节省了加载时间。

三、合并JS 和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请求,js文件合并原则同理。

四、精简、优化页面标签结构：<p class="decorated">A paragraph of decorated text</p>

<p class="decorated">Second paragraph</p>

<p class="decorated">Third paragraph</p>

<p class="decorated">Forth paragraph</p>

可以用div来包含：

<div class="decorated">

<p>A paragraph of decorated text</p>

<p>Second paragraph</p>

<p>Third paragraph</p>

<p>Forth paragraph</p>

</div>