问题描述
我想重写我的投资组合。我希望我的网站加载速度比当前版本快。此外，我的作品集将包含大量图像，我为此使用了 CDN。对于我当前的版本，我使用了 EmberJS，它非常好。我仍然怀疑是否应该使用 vanilla JS 使其更轻更快。任何建议将不胜感激。
解决方法
取决于图片的大小，如果图片较大（在内存中），网站加载速度会很慢。首先，尝试使用 devTools 中的灯塔工具，看看您的网站将在多少秒内完全加载完毕，使用该工具，您会发现更多重要功能，从而使您的网站变得更好。
如果您知道 react 可以使用 react lazy，react-lazy 将仅加载图像，用户可见的组件，正常情况下，当用户访问您的网站时，会呈现整个网站，这将需要如果您有很多具有不同图像的页面（使用 react 路由器反应网站），请稍等。使用 react-lazy 当用户访问您的网站时，它只会加载访问过的页面，您可以使用 suspense 在用户浏览网站时显示某些内容，例如加载栏
（如果你不想使用 react 因为它是一个库并且比 vanilla JS 大，你可以使用 react 的轻量版本，PReact JS）
尝试使用专门用于此的不同网站使您的图像在内存中更小。