和很多小伙伴一样，我在开发Vue项目时也是基于官方vue-cli@2的webpack模版，但随着项目越做越大，依赖的第三方npm包越来越多，构建之后的文件也会越来越大，尤其是vendor.js,甚至会达到2M左右。再加上又是单页应用，这就会导致在网速较慢或者服务器带宽有限的情况…

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

项目背景 我们的系统（一个 ToB Web 的单页应用）经过多年的迭代，目前已经累积有大几十万行的业务代码，30+ 路由模块，整体的代码量和复杂度还是比较高的。 项目整体是基于 Vue + TypeS

大部分私人开发的vite项目都会存在页面切换时卡顿情况，这非常影响交互。这边优化了在弱网条件下的vite打包配置。减少页面切换的卡顿情况。

项目中有较多图片处理场景，补齐下相关知识点 。同时准备了40页配套PPT，需要的小伙伴可加VX or 公众号获取哈

前端优化涉及方方面面，这是一次针对 vue3 + vite 项目的打包优化 以及 nginx 服务器的配置

写在前面 又是一年的毕业季，工作之余也浅叹一下，依稀记得当初因为太年轻，没有好的编码习惯也不注重编码效率，在实习阶段频繁加班的苦逼日子，今天抽空总结一下几个编程优化小Tip，给即将踏入前端俱乐部年轻的

使用 @vueuse/core 中的 useIntersectionObserver 来实现监听进入可视区域行为，配合vue3.0的组合API的方式实现。 这是useIntersectionObser

1、何为组件数据懒加载？ 前言 电商项目核心优化技术手段：组件数据懒加载 （首屏渲染优化） 电商类网站，首页内容有好几屏，如果一上来就加载所有屏的数据，并渲染所有屏的内容，必然发送很多次无效的请求，我