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

Which Javascript framework is best for my fast loading image rich portfolio website

我想重写我的作品集。我希望我的网站加载速度比当前版本快。此外,我的作品集将包含大量图像,我为此使用了 CDN。对于我当前的版本,我使用了非常好的 EmberJS。我仍然怀疑我是否应该使用 vanilla JS 来让它更轻更快。如有任何建议,我们将不胜感激。

取决于图像的大小,如果图像较大(在内存中),网站将加载缓慢。首先,尝试使用 devTools 中的 lighthouse 工具,看看您的网站将在多少秒内完全加载,使用该工具您会发现更多重要的功能,让您的网站变得更好。

如果你知道react,你可以使用react lazy,react-lazy 将只加载用户可见的图像、组件,通常当用户访问你的网站时,整个网站都会被渲染,这如果您有很多包含不同图像的页面(使用 React 路由器的 React 网站),将需要一段时间。使用 react-lazy,当用户访问您的网站时,它将仅加载访问过的页面,您可以使用 suspense 在用户浏览网站时显示一些内容,例如加载栏 (如果你不想使用 react,因为它是一个库并且比 vanilla JS 大,你可以使用 react 的轻量级版本,PReact JS)

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