javascript优化之code splitting简介

栏目: JavaScript · 发布时间: 7年前

内容简介:大概有以下三种分解方式:将第三方代码(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,提高页面首屏渲染速度


以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持 码农网

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

Linux内核设计与实现(原书第3版)

Linux内核设计与实现(原书第3版)

Robert Love / 陈莉君、康华 / 机械工业出版社华章公司 / 2011-4-30 / 69.00元

《Linux内核设计与实现(原书第3版)》详细描述了Linux内核的设计与实现。内核代码的编写者、开发者以及程序开发人员都可以通过阅读本书受益,他们可以更好理解操作系统原理,并将其应用在自己的编码中以提高效率和生产率。 《Linux内核设计与实现(原书第3版)》详细描述了Linux内核的主要子系统和特点,包括Linux内核的设计、实现和接口。从理论到实践涵盖了Linux内核的方方面面,可以满......一起来看看 《Linux内核设计与实现(原书第3版)》 这本书的介绍吧!

CSS 压缩/解压工具
CSS 压缩/解压工具

在线压缩/解压 CSS 代码

HTML 编码/解码
HTML 编码/解码

HTML 编码/解码

RGB CMYK 转换工具
RGB CMYK 转换工具

RGB CMYK 互转工具