javascript优化之code splitting简介
栏目: JavaScript · 发布时间: 5年前
内容简介：大概有以下三种分解方式：将第三方代码(vendor code)和应用程序的代码分开来，使用不用的缓存策略，使得它们互不影响。我们
javascript优化之code splitting
tree shaking
指的是去掉没用到的代码，减小js文件体积从而提高加载速度；而 code splitting
指的是如何将js代码分解成不同的js文件，使得页面在打开时只加载必要的js文件，从而提高页面加载速度。
大概有以下三种分解方式：
Vendor splitting
将第三方代码(vendor code)和应用程序的代码分开来，使用不用的缓存策略，使得它们互不影响。我们 始终 都应该这么做
Entry point splitting
对于多页面应用，应该按页面打包js，并将各个页面的公共js提取出来作为单独的js文件进行加载
Dynamic splitting
使用动态js加载语法，在页面首次打开后，在后面的操作过程中按需加载js，比如根据用户状态或模块切换动态加载相关js，提高页面首屏渲染速度
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持 码农网
猜你喜欢:
本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。
以匠心，致设计：网易 UEDC 用户体验设计
网易用户体验设计中心 / 电子工业出版社 / 2018-8 / 95.00元
为什么网易云音乐的体验流畅细腻、富有温度？为什么网易严选App的UI设计让人感到温馨、舒适？为什么网易蜗牛读书App的界面设计让用户爱不释手…… 《以匠心，致设计：网易 UEDC 用户体验设计》是网易用户体验设计团队对自身过去的设计思考的精心总结，最大程度还原了网易产品背后的设计故事，内容涵盖设计基础、设计实践、方法思考、成长指南四章，借助网易产品设计的实际案例具体讲述了设计师日常工作中不可......一起来看看 《以匠心，致设计：网易 UEDC 用户体验设计》 这本书的介绍吧!
