背景 一个vue2的项目，打包部署后，发现首屏加载速度慢，FCP白屏时间大约需要8s左右，从输入系统地址按下回车后，就一直转啊转啊转，加载缓慢，导致用户的体验非常不好！所以今天针对这个问题来做一些性能

解决标题中的问题的方法有多少种，你能想到几种，你又能动手真正地实现几种呢？本篇文章针对标题中的问题，进行了一场头脑风暴，感兴趣的话，一起来聊一聊吧~

为什么需要容器化 当一个项目越来越复杂时，或者部署的环境越来越复杂时，你可能会考虑使用容器化部署来交付项目。因为你必须要考虑这样一些问题： 为什么这个项目在我本地是正常的，部署到生产环境就不正常了？

大家好，我是林三心，用最通俗易懂的话讲最难的知识点是我的座右铭，基础是进阶的前提是我的初心~ 简介 sunshine-track 应用于前端监控， 基于 行为上报，实现了 用户行为、错误监控、页

组件化在当今前端开发领域中是一个非常重要的概念。著名的前端类库，比如 React、Vue 等对此概念都倍加推崇。确实，组件化复用性（reusability）和模块性（modularization）的优点对于复杂场景需求具有先天优势。组件就如同乐高积木、建筑石块一般，一点点拼接构…

React.lazy 主要用于实现组件的动态加载，从而减少初始加载时间并提高应用的性能。在 React 应用中有较大的组件需要加载时，使用 React.lazy 可以帮助我们优化性能。

按钮权限控制在后台管理系统中是一个比较常见的需求，下面和大家分享一下再react中常见的几种实现方式，不过最想分享的还是后面的黑科技方案。

Suspense 组件想必大家都用过，一般是和 React.lazy 结合用，用来加载一些异步组件。 比如这样一个组件： 就可以在另一个组件里用 lazy + Suspense 异步加载： 这里的 i

前端优化图片加载速度的技术详解 随着现代网页内容越来越丰富，图片成为了不可或缺的一部分。然而，大量或高分辨率图片的加载常常会导致网页性能下降，用户体验变差。本文将详细介绍几种前端优化图片加载速度的技术