优化网站加载速度

综合来说：从图片，js，css和请求数着手。

一、合并Js文件和CSS

将JS代码和CSS样式分别合并到一个共享的文件，这样不只能简化代码，并且在执行JS文件的时候，若是JS文件比较多，就须要进行屡次“Get”请求，延长加载速度，将JS文件合并在一块儿后，天然就减小了Get请求次数，提升了加载速度。

二、Sprites图片技术

Spriting是一种网页图片应用处理方式，它是将一个页面涉及到的全部零星图片都包含到一张大图中去，而后利用CSS技术展示出来。这样一来， 当访问该页面时，载入的图片就不会像之前那样一幅一幅地慢慢显示出来了，能够减小了整个网页的图片大小，而且利用CSSSprites能很好地减小网页的 http请求，从而大大的提升页面的性能。CSSSprites在国内不少人叫css精灵，很早就有了，在不少大型网站都有用到，特别是一些全部页面都存 在的图标用得比较多，很好的提高加载速度。

三、压缩文本和图片

压缩技术如gzip能够有效减小页面加载的时间。包括HTML，XML，JSON(JavaScript对象符号)，JavaScript和CSS 等，压缩率均可以在大小70%左右，这样就减小了请求这些文件的下载时间。文本压缩用得比较多，通常直接在空间开启就行，而图片的压缩就比较随意，不少都是直接上传，其实还有很大的压缩空间。

四、图片格式优化

不恰当的图像格式是一种极为常见的减慢加载速度的罪魁祸首。正确的图片格式可让图片缩小数倍，若是保存为最佳格式。能够节省大量带宽，减小处理时间时间，大大加快页面加载速度，这是一种很常见的作法。即：不一样格式的图片占的大小不一样。

五、使用 Progressive JPEGs

ProgressiveJPEGs图片是JPEG格式的一个特殊变种，名为“高级JPEG”。在建立高级JPEG文件时，数据是这样安排的：在装入 图像时，开始只显示一个模糊的图像，随着数据的装入，图像逐步变得清晰。它至关于交织的GIF格式的图片。高级JPEG主要是考虑到使用调制解调器的慢速 网络而设计的，快速网络的使用者一般不会体会到它和正常JPEG格式图片的区别。对于网速比较慢的用户，这无疑有很好的体验。

六、精简代码

这个能够说是最直接的一个方法，也是用得比较多的，对网页代码进行瘦身，删除没必要要的沉冗代码，好比没必要要的空格、换行符、注释等，包括JS代码中的无用代码也须要清除。其中对于注释代码的清除可能有些人存在误区，甚至有的在里面堆砌关键词。

七、延迟加载和执行非必要脚本

网页中有不少脚本是在页面彻底加载完前都不须要执行的，能够延迟加载和执行非必要脚本。这些脚本能够在onload事件以后执行，避免对网页上重要内容的呈 现形成影响。这些脚本多是你本身网页的脚本，每每更多的是一些第三方脚本，这样的有不少，好比评论、广告、智能推荐、百度云图、分享等等，这些彻底能够等主体内容加载完后再执行。

八、使用AJAX

AJAX即“Asynchronous Javascript +XML“，是指一种建立交互式网页应用的网页开发技术。经过在后台与服务器进行少许数据交换，AJAX可使网页实现异步更新。这意味着能够在不从新加 载整个网页的状况下，对网页的某部分进行更新。传统的网页(不使用AJAX)若是须要更新内容，必须重载整个网页面。

九、用apache mod_expires缓存静态文件

编辑Apache的httpd.conf：
#LoadModule expires_module modules/mod_expires.so

将该行前面的”#”字号删除,而后将”httpd.conf”设定档储存后,从新启动Apache来使这个更新生效。

浏览器缓存能够减小HTTP请求，从而反过来提升网站的加载速度。下面就是如何利用浏览器缓存的代码示例：

 <IfModule mod_expires.c> ExpiresActive On ExpiresByType image/jpg "access 1 year" ExpiresByType image/jpeg "access 1 year" ExpiresByType image/gif "access 1 year" ExpiresByType image/png "access 1 year" ExpiresByType text/css "access 1 month" ExpiresByType text/html "access 1 month" ExpiresByType application/pdf "access 1 month" ExpiresByType text/x-javascript "access 1 month" ExpiresByType application/x-shockwave-flash "access 1 month" ExpiresByType image/x-icon "access 1 year" ExpiresDefault "access 1 month" </IfModule>

程序修正方法

• 在每次更改静态内容（css,js等）时，对名称也进行更改。附加版本号或Build编号。
• <link rel="stylesheet" type="text/css" href="/html/std.css?v=2.5.3.text" />
• <link rel="stylesheet" type="text/css" href="html/std.css?_v=804120090827100441.css" />

虽然在html页面里须要添加版本号，可是服务器端实际的css文件名仍然为std.css。添加版本号以后，每次更新css或者js用户不用CTRL+F5刷新，就能够看到修改后的页面。

十、内容分发网络（CDN）

内容分发网络（CDN）是位于不一样地理位置的服务器组成的网络。每一个服务器都拥有全部网站的文件副本。要是有网站访问者请求文件和网页时，就能够直接从就近的网站服务器发送过来（也能够是从负载最小的服务器）。

11.尽可能减小HTTP请求

还有一种简单的优化网页速度的方法是，减小HTTP请求。当一个网站一会儿收到太多的HTTP请求，它的访客就会有响应时间延迟的体验，这不只增长了CPU使用率也增长了页面的加载时间。那么，又该如何减小HTTP请求？请见如下步骤。

• 减小网站上的对象数量。
• 最小化网站上的重定向数量。
• 使用CSS Sprites技术（只要你须要的那部分图片内容）。
• 结合JavaScripts和CSS。