前端性能优化的方法
老铁们,我胡汉三又回来了,最近扫黄比较严,然后我就出去避了避风头,
今天我们来总结总结对前端进行性能优化的方法吧,这篇随笔没啥代码,但是我总结了总结,看一下总归是有点用的
1.减少http请求
a.CSS sprites(精灵图),即合并图片,减少图片请求次数
b.CSS,JS源码压缩。
c.cdn托管
d.数据缓存
e.图片服务器
2.前端模板JS+数据,减少由于HTML标签导致的带宽浪费,前端用变量来保存AJAX的请求结果,每次操作本地变量,不用再去请求,减少请求次数
3.用innerHTML代替DOM操作,减少DOM操作次数,优化javascript性能
4.当需要设置很多样式时设置className而不是直接操作style
5.少用全局变量,缓存DOM节点查找的结果,减少IO读取操作
6.避免使用CSS Expression(css表达式)又称Dynamic properties(动态属性);
7.图片预加载,将样式表放在顶部,将脚本放在底部 加上时间戳
8.避免在页面的主体布局中使用table,table要等其中的内容完全下载之后才会显示出来,显示比div+CSS布局要慢
咋回事,我回来看了看怎么连个评论的人都没有,是我写的不足以得到你们的推荐和评论是吧!!!!!
来,让开,我要放大招了,看了我的大招你要还觉得不值来砍我好吧
是不是觉得上面好多,有种臣妾记不住的感觉是吧,莫慌,来送你个我的独家口诀,看完口诀再记不住你来砍我!记住了求个推荐可好
请模代样,果态预表
那你可能会问这口诀是什么东西,咋一点用没有啊,别慌宝贝,来我给你讲解讲解你就懂了,保准你再也忘不掉
我请了一个模特来代替我的样子,国家平了我都有钱买玉(预)表啦。