Web性能优化： 使用Webpack分离数据的正确方法
发布时间：2019-03-05 21:23:31 所属栏目：建站 来源：前端小智
导读：拟定向用户提供文件的最佳方法也许是一项棘手的事变。 有许多差异的场景，差异的技能，差异的术语。 在这篇文章中，我但愿给你全部你必要的对象，这样你就可以: 相识哪种文件支解计策最得当你的网站和用户 知道怎么做 按照 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，而这个也是很少变革的， 我们也必要优化它。 （编辑：河北网） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |
