首页 > 其他 > 详细

前端性能优化的方式

时间:2017-06-28 01:48:06      阅读:398      评论:0      收藏:0      [点我收藏+]

一、减少http请求,合理设置HTTP缓存

  网页中的的图片、form、flash等等元素都会发出HTTP请求,尽可能的减少页面中非必要的元素,可以减少HTTP请求的次数。
CSS Sprites(CSS精灵)
  图片是增加HTTP请求的最大可能者,把全站的图标都放在一个图像文件中,然后用CSS的background-image和background-position属性定位来显示其中的一小部分。
  这种方法把CSS写到HMTL文件里,而不采用外部调用,与Div+CSS中「表现与内容分离、把CSS都立出来」相悖,缺点就是不利于SEO;当然,从整体上减少HTTP请求、提高页面载入速度,是有利于SEO的。
JS文件和CSS文件只有一个
  合并脚本和CSS文件,可以减少了HTTP请求。有的人喜欢把CSS分成结构清晰的几个部分,比如base.css、header.css、mianbody.css、 footer.css这样对页面的维护和修改是比较方便的,但是对加快服务器响应时间就存在问题了。
少用location.reload()
  使用location.reload() 会刷新页面,刷新页面时页面所有资源(css,js,img等)会重新请求服务器。
  建议使用location.href="当前页url" 代替location.reload() ,使用location.href 浏览器会读取本地缓存资源。

前端性能优化的方式

原文:http://www.cnblogs.com/zxyGo/p/7087914.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!