性能优化的方法

方法一:

(1)、减少http请求次数:CSS Sprites, JS、CSS源码压缩、图片大小控制合适;网页Gzip,CDN托管,data缓存 ,图片服务器。

(2)、前端模板 JS+数据,减少由于HTML标签导致的带宽浪费,前端用变量保存AJAX请求结果,每次操作本地变量,不用请求,减少请求次数

(3)、用innerHTML代替DOM操作,减少DOM操作次数,优化javascript性能。

(4)、当需要设置的样式很多时设置className而不是直接操作style。

(5)、少用全局变量、缓存DOM节点查找的结果。减少IO读取操作。

(6)、避免使用CSS Expression(css表达式)又称Dynamic properties(动态属性)。

(7)、图片预加载,将样式表放在顶部,将脚本放在底部 加上时间戳。

方法二:

(1)、减少HTTP请求次数
(2)、使用CDN
(3)、避免空的src和href
(4)、为文件头指定Expires
(5)、使用gzip压缩内容
(6)、把CSS放到顶部
(7)、把JS放到底部
(8)、避 免使用CSS表达式
(9)、将CSS和JS放到外部文件中
(10)、避免跳转
(11)、可缓存的AJAX
(12)、使用GET来完成AJAX请求

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,806评论 1 92
  • 网站优化离不开前后端的互相协作,但是对于前端工程师来说,在保证后端技术方案不变时,能不能只利用前端技术来优化网站呢...
    留七七阅读 6,382评论 0 31
  • Yahoo!的Exceptional Performance团队为改善Web性能带来最佳实践。他们为此进行了一系列...
    拉风的老衲阅读 1,875评论 0 1
  • 互联网数代,冒出来好多的新名词,来不及跟上,又怕被人嘲笑说不思进取,比如说,大数据…这几天又有新的词汇,叫做算法。...
    从拿铁到美式阅读 475评论 0 0
  • 热点新闻 热不过几天 人生难题 午餐吃什么 你气愤难当 激情难抑 口水四溅 她说 刚才走过去一个帅哥哎 像早泄 一...
    吕梁山姐姐阅读 374评论 0 0