前端性能优化方法面试题回答思路总结

问题如下:

  1. 页面性能优化的手段有哪些 
  2. 如何性能优化
  3. 关于性能优化你做了哪些工作

参考答案,分为几个方面

  1. 开发过程中的优化
    1. 首屏骨架屏
    2. 图片懒加载
    3. 使用缓存
    4. 减少回流和重绘
  2. 构建打包过程的优化
    1. 代码压缩
    2. 图片/资源压缩
    3. tree-shaking
  3. 资源的优化
    1. 图片格式选择
    2. 使用 cdn
    3. 使用缓存
  4. 网络请求的优化
    1. 网络请求
    2. 使用 http 缓存
    3. 使用 http2
    4. 开启 gzip 压缩等
  5. 优化工具
    1. performance
    2. lighthouse 等
  6. 优化指标
    1. FCP
    2. LCP
    3. TTFB Time to First Byte
    4. TTI

用自己的话总结一下:

关于前端的性能优化,主要可以分为几个阶段,首先在开发过程中【...】,然后在打包过程中【...】,同时对于系统中的资源文件【...】,上线后我们可以对网络请求进行优化【...】。我们常用的性能优化工具有【...】。优化的关键性能指标有【...】

一篇文章总结前端所有的性能优化方案 

  • 22
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值