0
点赞
收藏
分享

微信扫一扫

常用性能优化


关于常见的优化方式:

html:

减少层级嵌套、不滥用高消耗的样式(​​box-shadow​​​、​​border-radius​​​、​​float​​)、减少table布局、删除多余空格、网页GZIP压缩、减少iframe的数量、避免图片和iFrame等空的Src、把样式写在头部,js放在body底部、减少dom元素等方法。

css:

减少使用@import、避免 !importants、 不滥用Float、不滥用Web字体、标准化各种浏览器前缀、减少浏览器的重排和重绘、雪碧图、利用伪元素减少dom节点、硬件加速、css预处理、内联首屏关键CSS、异步加载css等方法。

javascript:

javascript事件循环机制、从url到页面的内容加载机制、事件的委托代理机制以及javascript的内存机制,以及它们相应的优化方法,比如:充分利用微任务和宏任务、减少事件的绑定(内存优化相关)、script同步异步加载、函数的节流和防抖、资源的合并与拆分、及时清除定时器还有虚拟DOM等方法。

网络:

域名的发散和收敛(利用浏览器的并发机制)、资源压缩、资源缓存、懒加载、base64图片、精简cookie等方法。


举报

相关推荐

0 条评论