如何处理大量的静态资产

Question

我在apache 2.4上托管了一个静态React网站。没有数据库或服务器端代码。该网站由许多相对较小的数据文件（如果重要的话，则为YAML）提供支持，这些文件几乎从未更改，并公开托管在同一Web服务器上。

网站上的某些页面需要请求许多此类数据文件，最多100-200个。从Web服务器请求许多公共文件是否昂贵？据我了解，如果碰巧有10个不同的人访问该页面，则服务器将收到200 * 10个数据文件请求的垃圾邮件。

我认为为此内容创建数据库实在是太过分了，因为几乎不需要对其进行更新。我是否应该将所有数据移动到javascript文件中，以与其余的React代码捆绑在一起（捆绑大小将增加一倍以上）？我应该将所有数据文件上传到CDN吗？还是可以便宜地请求公共文件（我可以实现分页，例如一次只获取20个数据文件，尽管我仍然担心这会轰炸服务器）？处理许多静态资产的最佳方法是什么？

Answer 1

使用CDN远程缓存它们。

然后， 如何在初始调用中将它们缓存在前端？此后根本没有电话。

您可以使用 indexedDB 或 LocalStorage

它将彻底删除请求。