Bytebytego绘制的前端性能优化指南。共八个方面

🌟压缩

在传输前压缩文件并最小化数据大小，以减少网络负载。

🌟选择性渲染/窗口化

仅显示可见元素，以优化渲染性能。例如，在动态列表中，只渲染可见的项目。

🌟模块化架构与代码分割

将较大的应用程序包分割成多个较小的包，以提高加载效率。

🌟基于优先级的加载

优先加载重要资源和可见（或折叠上方）的内容，以改善用户体验。

🌟预加载

在资源被请求前提前获取，以提高加载速度。

🌟摇树（Tree shaking，废弃代码消除技术）或无用代码移除

通过移除不会被使用的无用代码来优化最终的JS包。

🌟预读取

主动获取或缓存可能即将需要的资源。

🌟动态导入

根据用户操作动态加载代码模块，以优化初始加载时间。