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


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

查看所有标签

猜你喜欢:

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

MySQL性能调优与架构设计

MySQL性能调优与架构设计

简朝阳 / 2009-6 / 59.80元

《MySQL性能调优与架构设计》以 MySQL 数据库的基础及维护为切入点,重点介绍了 MySQL 数据库应用系统的性能调优,以及高可用可扩展的架构设计。 全书共分3篇,基础篇介绍了MySQL软件的基础知识、架构组成、存储引擎、安全管理及基本的备份恢复知识。性能优化篇从影响 MySQL 数据库应用系统性能的因素开始,针对性地对各个影响因素进行调优分析。如 MySQL Schema 设计的技巧......一起来看看 《MySQL性能调优与架构设计》 这本书的介绍吧!

XML、JSON 在线转换
XML、JSON 在线转换

在线XML、JSON转换工具

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

HEX CMYK 互转工具

HEX HSV 转换工具
HEX HSV 转换工具

HEX HSV 互换工具