10个技巧助您提升网站访问速度

一、若是可能的话，延迟加载一些内容

可使用Ajax来按需加载部份内容。好比一个相册，能够在用户浏览页面时先出缩略图，当用户点击了，而后异步请求原图并展现，这样用户若是只须要看几张图片，就不须要等待全部图片都加载下来。这种开发模式叫作延迟加载。
Ajax/Web开发类库如jQuery，Prototype，与及MooTools可使得延迟加载更容易实现。

二、使用外部JS和CSS文件

当用户第一次加载网页时，浏览器会缓存住外部的CSS和JavaScript文件，因此将javascript和CSS放到外部文件比内联的会好。
使用内联CSS还会增长网页的渲染时间，让全部样式都定义在你的主CSS文件中使得浏览器渲染页面时少作一些工做，由于它一开始就知道全部须要应用的样式规则。另外使用外部javascript和css文件也有助于维护代码。

三、使用缓存系统

若是你发现网站老是链接数据库来查询产生出一样的结果，可能就须要使用缓存系统了。使用缓存的话，只须要生成一次特定的内容而不须要用户每次访 问的时候都去生成。缓存系统也会根据配置周期性的刷新缓存。你能够生成静态HTML页，以减少服务器脚本执行的开消，或者使用数据库和服务端脚本缓存系 统，好比PHP的加速器，memcached等。

四、避免在html中改变图片大小

若是一张图片本来是1280*900px的，可是你须要它显示为400*280px的，你应该用图片编辑器，如Photoshop来改变它的大小，而不是使用HTML的width和height属性。

五、不要使用图片来展现文字

图片中的文字不但对用户不友好（没法复制等），对SEO也没有好处，并且使用图片来显示文字会增长页面加载时间。若是你须要在网站中使用不少自定义的字体，能够考虑使用CSS的@font-face特性去更有效率地展示特定字体。

六、使用正确的文件格式来优化图片大小

经过选择正确的力图片格式，你能够在不损失图片质量的状况下优化图片大小。例如，除非你须要PNG提供的图片透明，不然JPG通常来讲能够在较小的文件状况下逼真地显示图片。

七、优化写代码的方式

查看你的源代码，看看是否全部标签都是须要的，或是可不能够用CSS来代替。有效的书写代码不但减少HTML和CSS文件的大小，也能方便维护。

八、在文档的最后加载javascript

全部scripts都在页面最后加载会比一开始就加载好，它可让浏览器在加载javascript前渲染全部东西。浏览器在javascript下载完以前阻塞下面的内容的加载。若是能够的话，尽可能将javascript放在紧挨着body结束标签的地方。

九、使用内容分发网络（Content Delivery Network，CDN）

网站的速度和用户相对于服务器的位置有很大的关系。将内容分发到不一样的地理位置可能能够缓解这个问题。使用CDN可能会增长费用，可是收益也是很明显的。

十、优化网页缓存

既然使用了缓存系统，你应该使用尽量多的缓存技术。网页缓存是浏览器端对文件作的缓存，而后供用户以后的访问。浏览器能够缓存的内容包括CSS文件，javascript文件和图片。

除了把多个页面都用到的CSS和javascript放在一个外部文件之外，还有不少方法来保证文件缓存起到最大的做用。例如你能够设置HTTP响应头为Expires和Last-Modified来减小用户从新访问你网站时特定文件从新下载的次数。