没有最快，只有更快！在前端开发领域，性能是一个永恒的话题。它不仅仅代表着给予用户的体验，甚至直接会影响到业务的效果，业界共识的说法：页面加载时长每增加 1 秒，用户流失 10%。反过来说性能每快一点，就会带来更多的用户，使业务 GMV 提升，想一想今年双十一 4982 亿的销售…

前言 在日常前端开发中，在需要首屏渲染速度优化的场景下，大家或多或少都听到过服务端渲染( SSR )。本文将结合 Vue 来对 SSR 的实现逻辑来进行解读。通过阅读本文你将了解到: 服务端渲染的使用

最近在学习前端性能优化方面的知识，看了很多大佬的文章，感觉文章多了比较零散，学习效率不高，所以就整合了一下大佬们写的性能优化的东西，从页面的渲染过程来建立自己的一个前端性能优化的体系。

1. 普通数据渲染 2. SetTimeout分组分时渲染 利用setTimeout函数开启一个新的执行线程（异步），防止主线程因渲染大量数据导致阻塞。 3. RequestAnimationFrame分组分时优化渲染 无需计算回调时间，动画的流畅性更有保障。 无论是setTi…

时间分片 旨在把一个运行时间比较长的任务分解成一块一块比较小的任务，分块去执行，因为超过 50ms 的任务就会被认为是 long task，用户就能感知到渲染卡顿和交互的卡顿，所以我们可以缩短函数的连

前言 大家好 我是鲨鱼哥~ 这是鲨鱼哥 2022 年的第一篇文章 为啥第一篇文章就要写前端性能定位相关呢 其实老粉都知道 性能优化文章我早在去年六月就说要完成的 各种事情一耽误 就过了大半年了

前端优化，这是一个很大的范围。可能平时更多的文章是基于某一点去深入的讲解。所以趁机整理一套前端优化的基础大纲，一方面给让自己沉淀下这些知识，另一方面也方便后续优化时有个清单可以去对照着优化。

支持 组件可见或即将可见时懒加载 支持 组件延时加载 支持 加载组件前展示组件骨架，提高用户体验 支持 懒加载组件分包异步加载

在对项目做了一些优化处理后，再次无缓存打开可以发现网页几乎是秒开，平均耗时在1s以内 在这里总结记录一下，基本上都是一些常规可复制的优化手段，希望能为同样想优化网页性能的你提供思路~