Web机能优化: 行使Webpack疏散数据的正确要领
发布时间:2019-03-05 19:15:22 所属栏目:建站 来源:前端小智
导读:拟定向用户提供文件的最佳方法也许是一项棘手的事变。 有许多差异的场景,差异的技能,差异的术语。 在这篇文章中,我但愿给你全部你必要的对象,这样你就可以: 相识哪种文件支解计策最得当你的网站和用户 知道怎么做 按照 Webpack glossary,有两种差异类
有了这个根基的 bundle splitting,Alice 每次会见时如故下载一个新的 200kb 的 main.js,可是在第一周、第8周和第5周只下载 200kb 的 vendor.js (不是按此次序)。 总共:2.64 MB。 镌汰36%。 在我们的设置中添加五行代码并不错。 在进一步阅读之前,先去做。 假如你必要从 Webpack 3 进级到 4,请不要担忧,它很是简朴。 我以为这种机能改造好像更抽象,由于它是在10周内举办的,可是它确实为忠适用户镌汰了36%的字节,我们应该为本身感想孤高。 但我们可以做得更好。 疏散每个 npm 包 我们的 vendor.js 碰着了与我们的 main.js 文件沟通的题目——对个中一部门的变动意味着从头下载它的全部部门。 那么为什么不为每 个npm 包建设一个单独的文件呢?这很轻易做到。 (编辑:湖南网) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |