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,提高页面首屏渲染速度


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

查看所有标签

猜你喜欢:

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

CSS与DHTML精髓(第2版)

CSS与DHTML精髓(第2版)

Dan Livingston / 清华大学 / 2003-7-1 / 34.00

CSS与DHTML精髓(第二版),ISBN:9787302066941,作者:战晓苏译;战晓苏译一起来看看 《CSS与DHTML精髓(第2版)》 这本书的介绍吧!

MD5 加密
MD5 加密

MD5 加密工具

html转js在线工具
html转js在线工具

html转js在线工具

HEX CMYK 转换工具
HEX CMYK 转换工具

HEX CMYK 互转工具