哪个 Javascript 框架最适合我的快速加载图像丰富的投资组合网站 [关闭]

Posted 2023-02-22

【中文标题】哪个 Javascript 框架最适合我的快速加载图像丰富的投资组合网站 [关闭]

【英文标题】：Which Javascript framework is best for my fast loading image rich portfolio website [closed]

【发布时间】：2021-04-03 12:09:23

【问题描述】：

我想重写我的投资组合。我希望我的网站加载速度比当前版本快。此外，我的作品集将包含大量图像，并且我使用了 CDN。对于我当前的版本，我使用了非常好的 EmberJS。我仍然怀疑是否应该使用 vanilla JS 来使其更轻、更快。任何建议将不胜感激。

【参考方案1】：

取决于图像的大小，如果图像较大（在内存中），网站加载速度会很慢。首先，尝试使用 devTools 中的灯塔工具，看看您的网站将在几秒内完全加载，使用该工具您会发现更重要的功能，让您的网站变得更好。

如果你知道 react 你可以使用 react lazy，react-lazy 将只加载用户可见的图像和组件，通常当用户访问你的网站时，整个网站都会被渲染，这需要一段时间如果您有很多带有不同图像的页面（使用反应路由器反应网站）。使用react-lazy，当用户访问您的网站时，它只会加载访问过的页面，您可以使用suspense 在用户在网站上导航时显示加载栏等内容 （如果你不想使用 react 因为是一个库并且比 vanilla JS 大，你可以使用 react 的轻量级版本，PReact JS）

尝试使用专门的不同网站使您的图像在内存中更小。