前端实习面试准备-项目性能优化

128 阅读1分钟

谈到前端性能优化首先要思考性能优化指标,以下把各种指标大体分为两类:

1. 首屏速度,白屏时间等

首屏速度主要从资源加载速度(主要)和首屏js执行时间考虑,在本地运行的代码程序一般运行比较快,而将资源从外部下载是比较花费时间的。对于白屏时间最有效的是减少资源体积(打包工具压缩,异步加载,更新为可以按需引入的新版本tree-shanking),或者骨架屏幕loading等提升用户体验,其次再考虑首屏数据请求和Dom渲染(复习浏览器渲染流程)。

2. 操作速度和二次渲染速度

造成卡顿或者渲染慢的操作:1.一次性操作大量dom。2.复杂度高的运算(循环,递归)。3.不必要的渲染 。vue性能优化的切入点:1.合理使用v-if和v-show减少资源重渲染。2.循环,动态切换内容用好key值。3.keep-alive缓存。4.控制请求更新数据操作粒度。