最近开发了一个功能，页面首页会加载大量的图片，初次进入页面时，会导致页面性能下降， 于是乎，我改进了这个功能，可以让所有图片自动懒加载。 🚀 原理 这个功能主要的底层逻辑是是使用Intersectio

在前端开发过程中，接口的防抖和节流是非常重要的性能优化方案。本文将介绍如何使用Vue和Axios来实现全局接口防抖和节流封装，并详细介绍其实现原理以及注意事项。通过对接口进行防抖和节流处理可以有效减少

页面白屏，绝对是让前端开发者最为胆寒的事情，特别是随着 SPA 项目的盛行，前端白屏的情况变得更为复杂且棘手起来 这里的白屏是指页面一直处于白屏状态，要是能检测到页面白屏就太棒了……

很多兄弟都在使用 Vite 了，但如果你是前端 leader 或者是团队核心的话，不得不可考虑的一个问题就是性能优化。Vite 在开发环境性能已经非常不错了，生产环境应该如何优化呢？

1.不要将所有的数据都放在data中 2.watch 尽量不要使用deep:true深层遍历 3. vue 在 v-for 时给每项元素绑定事件需要用事件代理 4. v-for尽量不要

抛弃完全多余的 hydration ，让你的SSR应用性能突破天际。今天我们来聊聊一种全新的服务端渲染思路，一起来看看号称世界上第一个SSR框架：qwik。

提升首屏的加载速度，是前端性能优化中最重要的环节，这里笔者梳理出一些 `常规且有效` 的首屏优化建议 通过对比优化前后的性能变化，来验证方案的有效性，了解并掌握其原理

前言 大家好，我是阿林。 前段时间，产品在验收时给我们加了一个需求，用户提交表单时，要滚动定位到校验出错的地方，就像这样： 我说：做这个应该会比较麻烦，主要是涉及到多个子表单组件通信，还要计算元素在页

这篇文章主要参考了 Vue.js 核心成员 Guillaume Chau 在 19 年美国的 Vue conf 分享的主题：9 Performance secrets revealed，分享中提到了九个 Vue.js 性能优化的技巧。 我看完他的分享 PPT后，也阅读了相关的项…