Web性能优化： 使用Webpack分离数据的正确方法
发布时间：2019-03-05 22:15:55 所属栏目：建站 来源：前端小智
导读：制定向用户提供文件的最佳方式可能是一项棘手的工作。 有很多不同的场景，不同的技术，不同的术语。 在这篇文章中，我希望给你所有你需要的东西，这样你就可以: 了解哪种文件分割策略最适合你的网站和用户 知道怎么做 根据 Webpack glossary，有两种不同类
|
Alice 仍然会每周重新下载 200 KB 的 main.js 文件，并且在第一次访问时仍会下载 200 KB 的npm包，但她绝不会两次下载相同的包。 总共： 2.24 MB. 与基线相比减少了44%，这对于一些可以从博客文章中复制/粘贴的代码来说非常酷。 我想知道是否有可能超过 50% ? 这完全没有问题。 分离应用程序代码的区域 让我们转到 main.js 文件，可怜的 Alice 一次又一次地下载这个文件。 我之前提到过，我们在此站点上有两个不同的部分：产品列表和产品详细信息页面。 每个区域中的唯一代码为25 KB（共享代码为150 KB）。 我们的产品详情页面现在变化不大，因为我们做得太完美了。 因此，如果我们将其做为单独的文件，则可以在大多数时间从缓存中获取到它。 另外，我们网站有一个较大的内联SVG文件用于渲染图标，重量只有25 KB，而这个也是很少变化的， 我们也需要优化它。 （编辑：核心网） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |
