1. 前言

1. 优化加载速的方案有很多
2. 今天总结下

• 代码优化

1. 优化代码结构和算法，减少不必要的计算和重复操作，以提高代码执行效率

• 使用代码分割：

1. 将代码拆分成小块并按需加载（懒加载），以避免不必要的网络请求和减少加载时间。

• 压缩和缩小文件大小：

1. 使用压缩工具（如Gzip）对静态资源文件进行压缩，减小文件大小，从而加快下载速度

• 资源缓存：

1. 通过使用缓存策略，将静态资源文件（如JavaScript、CSS、图片等）缓存到浏览器本地，减少服务器请求，加快加载速度。可以通过设置文件名哈希、版本号或缓存控制头来控制缓存更新。

• 按需加载：

1.将页面中的资源按需加载，而不是一次性全部加载。可以通过代码拆分、按路由懒加载等技术来实现，减少初始加载时间

• 启用 Gzip 压缩：

1. 使用服务器端的 Gzip 压缩算法对文件进行压缩，以减少传输时间和带宽消耗。

• CDN加速：

1. 使用内容分发网络（CDN）来加速资源的分发和访问。CDN可以将静态资源缓存在全球分布的服务器上，使用户从离其最近的服务器获取资源，从而减少网络延迟

• 图片优化：

1. 对图片进行压缩和优化，减小图片大小，同时保持良好的视觉质量。可以使用工具进行自动化的图片优化。
2. 并根据需要进行压缩以减少文件大小
3. 对于一些小图标，可以使用 iconfont 等字体文件来代替

• 路由优化：

1. 优化页面路由设计，避免过深的嵌套和复杂的路由层级，减少页面切换时的加载和渲染时间。

• 异步加载和懒加载：

1. 对于非关键和较大的资源，可以使用异步加载和懒加载的方式，根据用户行为或需要时再加载相应的资源，提高页面的响应速度和用户体验。

• 数据缓存：

1. 对于频繁访问的数据，可以使用本地缓存（如LocalStorage或IndexedDB）进行存储，减少网络请求，提高数据获取速度。

• 服务器端渲染（SSR）：

1. 使用服务器端渲染技术，在服务器端生成页面的HTML内容，并发送给客户端。这样可以减少客户端渲染的时间，加快页面加载速度

参考资料

初心

我所有的文章都只是基于入门，初步的了解；是自己的知识体系梳理,如有错误,道友们一起沟通交流;

如果能帮助到有缘人,非常的荣幸,一切为了部落的崛起;

共勉