如何提升网站打开速度
文章出处:本站 人气:1326 发表时间:2018-06-07 13:46:09
1.缩小Javascript和CSS文件
如果你的网站大约有50-60%的用户是第次访客,那么这些人会下载Javascript和CSS,如果这些文件很大浏览器会下载很长时间。使用压缩工具可以减少Javascript和CSS尽半的文件大小,至少能提高40%到60%的压缩率。
2.Sprites图片技术
Spriting是种网页图片应用处理方式,它是将个页面涉及到的所有零星图片都包含到张大图中去,然后利用CSS技术展现出来。这样来,当访问该页面时,载入的图片就不会像以前那样幅幅地慢慢显示出来了,可以减少了整个网页的图片大小,并且利用CSSSprites能很好地减少网页的http请求,从而大大的提高页面的性能。CSSSprites在国内很多人叫css精灵,很早就有了,在很多大型网站都有用到,特别是些所有页面都存在的图标用得比较多,很好的提升加载速度。
3.Ajax调用尽量采用GET方法调用
实际使用XMLHttpRequest时,如果使用POST方法实现,会发生2次HTTP请求,而使用GET方法只会发生1次HTTP请求。如果改用GET方法,HTTP请求减少50%!
4.延迟显示可见区域外的内容
为了确保用户可以更快地看见可见区域的网页可以延迟加载或展现可见区域外的内容,为了避免页面变形,可以使用占位符标签制定正确的高度和宽度。比如WP的jQueryImage LazyLoad插件就可以在用户停留在第屏的时候,不加载任何第屏以下的图片信息,只有当用户把鼠标往下滚动的时候,这些图片才开始加载。这样很明显提升可见区域的加载速度,提高用户体验。
5.合理使用Flush
用户端发送浏览请求后,服务器端般要花销200-500ms去处理这些请求,在此期间,用户端浏览器处于等待状态,如果要减少用户等待时间,可以在适当的位置使用flush,将已经就绪的内容推送到用户端,这在php中很容易实现例如:网站加载时间 网站访问速度 网站化 用户体验。
6.精简代码
这个可以说是直接的个方法,也是用得比较多的,对网页代码进行瘦身,删除不必要的沉冗代码,比如不必要的空格、换行符、注释等,包括JS代码中的无用代码也需要清除。其中对于注释代码的清除可能有些人存在误区,甚至有的在里面堆砌关键词。
- 上一篇: 企业网站建设是贵好还是便宜好
- 下一篇: 网站建设有什么误区