美文网首页前端面试题全汇总
前端面试题总结【33】:你有哪些性能优化的方法?

前端面试题总结【33】:你有哪些性能优化的方法?

作者: 前端老司机 | 来源:发表于2020-06-29 14:26 被阅读0次
  1. 减少http请求次数:CSS Sprites, JS、CSS 源码压缩、图片大小控制合适;网页GzipCDN 托管,data 缓存 ,图片服务器
  2. 前端模板 JS + 数据,减少由于HTML标签导致的带宽浪费,前端用变量保存 AJAX 请求结果,每次操作本地变量,不用请求,减少请求次数
  3. innerHTML 代替 DOM 操作,减少 DOM 操作次数,优化 javascript 性能
  4. 当需要设置的样式很多时设置 className 而不是直接操作 style
  5. 少用全局变量、缓存DOM节点查找的结果。减少 IO 读取操作
  6. 避免使用 CSS Expressioncss表达式)又称 Dynamic properties(动态属性)
  7. 图片预加载,将样式表放在顶部,将脚本放在底部,加上时间戳

推荐:

  • 持续更新,致力于做一个持久的搬运工!
  • 下面是已经整理好的面试题PDF获取和相关进阶学习书籍资料地址,有需求戳一下
  • 2020前端面试题总结合集

相关文章

  • 前端面试必问及加分点---性能优化篇

    如何进行网站性能优化 你有用过哪些前端性能优化的方法? 谈谈性能优化问题 代码层面的优化 前端性能优化最佳实践

  • 前端面试题总结【33】:你有哪些性能优化的方法?

    减少http请求次数:CSS Sprites, JS、CSS 源码压缩、图片大小控制合适;网页Gzip,CDN 托...

  • 前端性能优化

    对于前端的性能优化,主要有分为加载优化和性能优化。在Google官方文档中,给出了性能优化有哪些好处。前端优化的最...

  • 你有哪些性能优化的方法 ?

    你有哪些性能优化的方法 ? web 前端是应用服务器处理之前的部分,前端主要包括:HTML、CSS、javascr...

  • 前端面试题

    自己收集的一些前端面试题,部分来自网络,部分自己写的,不保证正确,如有错误可以评论告知。 前端性能优化有哪些? 输...

  • 前端的性能优化

    你有用过哪些前端性能优化的方法?(1) 减少http请求次数:CSS Sprites, JS、CSS源码压缩、图片...

  • JavaScript

    前端 优化策略-自查表 前端性能优化常用总结鸟瞰前端 , 再论性能优化 跨域,你需要知道的全在这里内存分析与内存泄...

  • 前端优化

    前端性能优化的方法有哪些? ①减少http请求,减少请求的体积,比如用雪碧图,gulp或者webpack压缩文件 ...

  • 前端性能优化(中)

    性能优化调研系列文章 《前端性能优化(上)》 《前端性能优化(中)》 《前端性能优化(下)》 《前端性能优化(上)...

  • 前端性能优化(下)

    性能优化调研系列文章 《前端性能优化(上)》 《前端性能优化(中)》 《前端性能优化(下)》 《前端性能优化(中)...

网友评论

    本文标题:前端面试题总结【33】:你有哪些性能优化的方法?

    本文链接:https://www.haomeiwen.com/subject/ukvofktx.html