我们可以通过减少 JavaScript 和 CSS 的体积，优先渲染页面基本元素，懒加载非首屏的内容，异步加载 JavaScript 脚本，或者考虑使用 Web Workers 处理计算密集型的任务。

1. Lighthouse性能指标 lighthouse是一个开源的自动化工具，用于改进网络应用的质量 Lighthouse报告分析了加载页面生命周期中的各种性能指标

今天不聊技术，聊一聊前端如何做性能优化 Vue，react，微信小程序如何做性能优化，希望分享能对大家有所帮助！！

本文整理了前端性能优化方面方法总结，如果对答案有不一样见解的同学欢迎评论区补充讨论，当然有问题，也欢迎在评论区指出。 什么是性能？

前端项目性能优化，主要从首屏加载时间和构建包的大小两个角度触发，以基础的Vue Cli3的项目为例：优化前首屏加载从30s+到2.5s，构建的包从28M到1M……

最近花了一些时间在项目的性能优化上，背后做了很多工作，但是最后依然没有达到自己想要的结果，有些失望，但是还是记录下自己的执着。 性能优化总结：减少请求次数、减小资源大小、提高响应和加载速度、优化资源加载时机、优化加载方式。 站在用户视角的主观的可感知的性能。 站在开发者视角的可…

学习笔记 前端性能优化主要可以从这个三个大点入手： 一、更快的网络通信 服务器通信层面 CDN 全局负载均衡 缓存系统 减少请求次数 资源合并 数据传输层面 缓存：浏览器缓存 强缓存 cache-co

一、v-for优化 1.1 使用key 使用v-for渲染列表时，可以通过添加合理的key来优化性能： 不要用index作为key 不要用Math.random()作为key，这个和index效果一样

得益于 Vue 的 响应式系统 和 虚拟 DOM 系统 ，Vue 在渲染组件的过程中能自动追踪数据的依赖，并精确知晓数据更新的时候哪个组件需要重新渲染，渲染之后也会经过虚拟 DOM diff 之后才会真正更新到 DOM 上，Vue 应用的开发者一般不需要做额外的优化工作。 但在…