2016-12-21
优化了加载速度的网站不仅可以提高其搜索引擎的排名，同时也可以降低网站的跳出率，提高其转换率，还能提供更好的终端用户体验，这是当今基于Web环境取得成功的关键。
下面我将介绍几个优化网站加载网页速度的简单方法，一起来看一下。
1.服务器响应时间
即使网站已经格外优化，但是除非服务器响应时间非常快，否则就不会有什么大的效果。当涉及到提高网站的速度，服务器响应时间起着重要的作用。下面是一些提高服务器响应时间的小贴士。
有独立的服务器，而不是选择共享/托管服务器。
提高Web服务器的质量。
移除不必要的插件，只有那些必要的插件，才需要一直保持启用状态。
2.浏览器缓存
浏览器缓存可以减少HTTP请求，从而反过来提高网站的加载速度。下面就是如何利用浏览器缓存的代码示例：
7.置于顶部的样式表和底部的脚本
将样式表放在顶部有助网站的迅速加载，因为这样可以使得网页渐进式呈现。一般地，所有的互联网浏览器都支持在给定时间内并行下载两个组件(图像、样式和脚本)。但是通常而言，霸道的脚本会在并行下载时会阻止其他的下载，直到脚本下载完毕。
8.避免阻塞型的JavaScript和CSS
在浏览器呈现网页之前，它首先需要通过解析HTML标记语言来构建一个DOM树。在此过程中，如果遇到了脚本，此过程就会中止，转而先执行脚本，完了才会继续原先的活动。因此建议避免阻塞型的JavaScript，尤其是外部脚本。
阻塞型JavaScript还会导致网站的延迟。所以不妨推迟加载那些不重要的JavaScript，或者采用异步加载的方式。另一种选择是将这些HTML代码内嵌到网站上，同时需要确保CSS的优化。
9.JavaScript的延迟解析
为了加载网页，浏览器必须解析所有的标记内容，从而增加了网站的加载时间。通过延迟解析脚本，那么就可以减少初始网站的加载时间了。
10.启用Keep Alive
当用户通过浏览器请求网页时，浏览器首先需要访问HTML文件。进一步而言它才能读取这些文件，并请求与其他资料相关联(此处的资料可以是CSS，JavaScript，也可以是任何相关的图像)。
如果“Keep Alive”选项被禁止，那么下载网站的进程通常就会增加，从而拖累了网站速度。启用KeepAlive的另一个好处是，它可以减少CPU的使用。
语法: KeepAlive On
11.图像和文件格式
图像对于任何网站都非常有价值，因为它能传达一些强有力的信息给网站的访问者。常见的图像格式是GIF、JPEG、PNG等。每种格式都有其长处和局限。建议使用JPEG格式，而不是GIF和PNG图像，除非图像包含Alpha因子或者是透明的。
12.优化代码：不使用内联CSS
内联了样式就不能清清楚楚地将内容从设计中剥离开来。同时可能还会需要大量的维护工作，给网站管理员带来各种不便，还会进一步增加网页的大小。
13.文件分离
网站的文件可以分为CSS、JavaScripts和图像。文件分离虽然并不能直接改善网站的加载时间。但是，这么做可以提高服务器的稳定性，特别是当网站流量突然出现了尖峰的时候。子域也可以用于托管文件，这样可以增加并行下载的数量。
14.尽量减少HTTP请求
还有一种简单的优化网页速度的方法是，减少HTTP请求。当一个网站一下子收到太多的HTTP请求，它的访客就会有响应时间延迟的体验，这不仅增加了CPU使用率也增加了页面的加载时间。那么，又该如何减少HTTP请求?请见以下步骤。
减少网站上的对象数量。
小化网站上的重定向数量。
使用CSS Sprites技术(只要你需要的那部分图片内容)。
结合JavaScripts和CSS。
上述建议已被证明在优化网站的页面加载速度上非常有效。总之，炫彩夺目的图形，有趣的内容和更好的导航可以帮助你获得更多的网站访问者，但更快的网页加载速度则能帮助你留住他们。
