1.合并js和CSS文件

将js和css合并到共享文件中，这不仅可以简化代码，而且可以执行js文件。如果有更多的js文件，则需要多次从服务器请求数据，这将提高加载速度。 js文件被合并在一起以减少请求数量并提高加载速度；

2.精灵图片技术（图片向导技术）

图片精灵技术是优化页面速度加载的常用方法。它是将页面中涉及的所有分散的图片（注意：仅那些了解图片和图标的图片）包含到一张大图片中，然后使用css的background属性将相应的图片放入当前响应文本中，以便在进入一侧后，只能加载一张大图片，而不是一一请求。这种方法不仅减小了图片的大小，而且减少了http请求的数量，可以极大地优化页面的加载和读取

3.压缩图片和文字

压缩图片和文本还可以减少数据的大小，尤其是代码压缩，例如HTML，XML，JSON，javascript，css等。代码压缩率可以达到70％以上，并且代码压缩可以大大提高减小文件大小卷，可以快速加载页面

4.按需加载（以及可见区域之外的延迟加载）

为了使用户更快地查看网页的重要内容，可以先加载可见区域中的内容网站优化，然后再延迟不可见区域中的内容。为了避免页面变形，可以将占位符和占位符图像用于固定宽度和高度。可以按需加载某些插件，例如jquery中的ImageLazyLoad。仅当用户使用鼠标向下滚动时，才会加载下面的图像。当然，也可以使用本机js来实现。

5.确保先加载特色图片

该网站主要考虑可用性的重要性。必须预先加载功能按钮，用户进入下载页面，一次下载仅需8秒钟，等待5秒钟即可找到下载按钮图像。谁能承受？

6.图像格式优化

不正确使用图像格式是导致加载速度降低的非常常见的原因。正确使用图像格式可以将图像尺寸减小数倍。常规网页的大图像（例如横幅图像）通常使用jpg格式，因为jpg是一种有损压缩，可以最大程度地减小图像尺寸，并且不会影响视觉体验（不支持透明通道）；小图像通常使用png格式，通常进行无损压缩（保留透明通道）。

7.使用渐进JPEG（高级JPEG）

ProgressiveJPEGs图片是JPEG格式的一种特殊变体，称为“高级JPEG”。创建高级JPEG文件时，数据的排列方式如下：加载图像时，开始时仅显示模糊的图像，并且在加载数据时图像逐渐变得清晰。它等效于隔行扫描的GIF格式图片。高级JPEG主要是考虑到使用调制解调器的慢速网络而设计的，快速网络的用户通常不喜欢它与普通JPEG格式图片之间的区别。对于互联网速度较慢的用户来说，这无疑是一个很好的体验。

8.简化代码

代码是最直接的方法，它也是对程序员编程能力的考验。优化代码，以最少的代码实现所需的功能，减小文件的大小，并减少不必要的时间浪费。同时，减少不必要的空格，注释，换行符等也可以减小文件的大小。

9.延迟非必需代码的加载和执行

页面加载后，需要执行网页中的大多数js代码，因此可以将这些代码写入window.onload事件的回调函数中。这样，可以首先加载页面的主体和一些必要的js代码，然后再来请求在开始时不需要的代码。

10.使用Ajax

当只需要更新页面的一部分时，可以使用ajax异步更新页面，这样就无需再次刷新整个页面并请求整个页面的数据，而只需数据更新页的必需部分。这样不仅可以提高页面的加载速度，而且可以改善体验。

1 1.使用自动化工具优化页面

例如RadwareFastView