首页 >web前端 >html教程 >如何才能更好的减少页面加载时间

如何才能更好的减少页面加载时间

零下一度
零下一度原创
2017-07-17 15:08:582069浏览
  1. 如何才能更好的减少页面加载时间,下面提供了19中方法,仅供参考,感兴趣的朋友们可以来看一下。

  2. 1.重复的HTTP请求数量应尽量减少

       (1)减少调用其他页面、文件的数量。

  (2)精灵图

2. 在文件头部放置css样式的定义

       这项设置对于用户端是慢速网络或网页内容比较庞大的情况比较有利,可以在网页逐步呈现的同时仍会保持格式信息,不影响网页美感。

3. 在文件末尾放Javascript脚本

4. 压缩Javascript、CSS代码

5. 使用CDN(Content Delivery Network)网络加速

  现在国内做CDN加速业务的公司很多,简单讲,就是将你的图片、视频扩散到CDN网络所能到达之处,让用户访问时能就近下载到这些文件,从而达到网络提速的目的,这样做,同时能减轻你自己网站的负载。

6. 服务器启用gzip压缩功能
  将要传输的文件压缩后传输到客户端再解压,在网络传输数据量会大幅减小。在服务器上的Apache、Nginx可直接启用,也可用代码直接设置传输文件头,增加gzip的设置,也可从 负载均衡设备直接设置。不过需要留意的是,这个设置会略微增加服务器的负担。服务器性能不是很好的网站,要慎重考虑。

7. Ajax采用缓存调用
  Ajax调用都采用缓存调用方式,一般采用附加特征参数方式实现,注意其中的

805691bb9178c6a822593f969c227492元素数量,例如f5d188ed2c074f8b944552db028f98a1的冗余很严重,而我们完全可以用dc6dce4a544fdca2df29d5ac0ea9906b取代之。

18. 避免使用CSS脚本(CSS Expressions)

  有时为了要css的参数动态改变,可能会采用css expression来实现,但这样做得不偿失,会使用户端浏览器负担明显加重,所以不建议这样做,如果需要改变,可以使用Javascript脚本去实现。

19. 添加文件过期或缓存头

  对于同一用户频繁访问的图片、Js脚本文件等可以在Apache或Nginx设置其缓冲时间,例如设置24小时过期时间,这样用户在访问过该页面之后再次访问时,同一组图片或JS不会再重复下载,从而减少了HTTP请求,用户访问速度明显有所提升,同时服务器负载也会下降。

location ~ .*\.(gif|jpg|jpeg|png|bmp|swf)$ 
   {   
   expires 30d;#设置30天过期  
   }  
   location ~ .*\.(js|css)?$   
   {  
   expires 1h;#设置1小时过期  
   }


以上是如何才能更好的减少页面加载时间的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn