当前位置: 首页 > 面试题库 >

前端web如何进行性能优化?有哪些方法?

裴昊阳
2023-03-14
本文向大家介绍前端web如何进行性能优化?有哪些方法?相关面试题,主要包含被问及前端web如何进行性能优化?有哪些方法?时的应答技巧和注意事项,需要的朋友参考一下

参考回答:

降低请求量:合并资源,减少HTTP 请求数,minify / gzip 压缩,webP,lazyLoad。

加快请求速度:预解析DNS,减少域名数,并行加载,CDN 分发。

缓存:HTTP 协议缓存请求,离线缓存 manifest,离线数据缓存localStorage。

渲染:JS/CSS优化,加载顺序,服务端渲染,pipeline。

 

 类似资料:
  • 项目中多处使用到 PDF 打印功能,我之前采用的实现方案是: 1 先在 html 上渲染出来 2 通过 html2canvas 转换为 canvas 3 通过 canvas.toDataURL 转换为 jpeg 图片 URL 4 通过 jspdf 创建 PDF 并添加转换来的 jpeg PDF 模板中各元素尺寸是根据数据灵活变换的,考虑到纸张大小,换页,布局等问题,通过 html2canvas 将

  • 本文向大家介绍vue性能的优化的方法有哪些?相关面试题,主要包含被问及vue性能的优化的方法有哪些?时的应答技巧和注意事项,需要的朋友参考一下 Vue 项目性能优化 — 实践指南

  • 当页面中存在多个css动画,css动画过于复杂,或者电脑性能不足时,都有可能导致动画卡顿。对css动画的优化方法都有哪些?

  • 本文向大家介绍针对jQuery性能的优化方法有哪些?相关面试题,主要包含被问及针对jQuery性能的优化方法有哪些?时的应答技巧和注意事项,需要的朋友参考一下 show slide animate 等频繁修改 dom 很耗性能,可采用 jquery.transit 插件等 使用单个 id 或 class 选择器当然也是优化点咯,元素选择器是真的会卡 每次调用 $() 其实都是生成一个超大的对象,还

  • 本文向大家介绍你知道的react性能优化有哪些方法?相关面试题,主要包含被问及你知道的react性能优化有哪些方法?时的应答技巧和注意事项,需要的朋友参考一下 :Class Component :Function Component :Memoized Function :Memozied Value

  • 我正在对接一个视频监控,但官方提供的demo在播放多个视频时运行起来并不流畅,而另一个同事部署了一个线上服务,通过iframe引入播放,效果会好很多。 可能的原因是什么?做了什么处理呢?