性能优化

[问答题]

你有哪些性能优化的方法？

太阳煮的酒

针对内容：减少http请求减少dom元素数量使得ajax可缓存；

针对css：从页面中剥离js和css 把css放在页面的顶端减少css的表达式精简css和javascript；

针对js：js脚本放在页面的最底端从页面中剥离css和js

移除重复脚本

针对图片：采用雪碧图不要在html中使用缩放图片使用恰当的图片格式。

编辑于 2019-10-15 20:12:59 回复(0)

我不懂了

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. 图片预加载，将样式表放在顶部，将脚本放在底部，加上时间戳

发表于 2015-07-27 14:50:52 回复(1)

伯爵213

减少http请求合并图片打包css js

发表于 2020-09-11 17:25:06 回复(0)

努力赚钱的小曾

1.减少http请求2.网页gzip3.缓存4.资源文件压缩5.图片优化6.样式头部加载，js底部加载

发表于 2020-08-29 16:59:46 回复(0)

_4444j

1减少http请求2把css文件放在页面顶部，js文件放在页面底部

发表于 2020-05-25 20:11:45 回复(0)

前三甲

减少http请求;压缩代码;cdn托管；减少重排和重绘：少用css表达式；减少多重内联的css选择器；开启3d加速，使用tranform，opacity,filter; 避免重复使用引起重排和重绘的属性；使用class一次性添加样式；减少dom操作，可以使用documentFragment,操作完再加入body；对经常使用的节点，使用变量保存

发表于 2020-03-03 18:33:57 回复(0)