这里给大家看一下我自己收藏的一些黑科技代码，都是我平常工(mo)作(yu)中看到或者用到的(一般用不到)

在优化应用体积之后，下一个提升应用加载时间的策略就是缓存。将资源缓存在客户端中，可以避免之后每次都重新下载。 这个方法可以告诉浏览器去下载 JS 文件，并将它缓存，之后使用的都是它的缓存副本。浏览器只会在文件名发生改变（或者一年之后缓存失效）时才会请求网络。 使用 webpac…

根据W3C性能小组的介绍，超过50ms的任务就是长任务。 根据上图我们可以知道，当延迟超过100ms，用户就会察觉到轻微的延迟。 所以为了避免这种情况，我们可以使用两种方案，一种是Web Worker，另一种是时间切片（Time Slicing）。 我们都知道，JS是单线程，所…

项目上线后，通常都是都会做埋点，做数据监控、异常监控以及性能监控，本文主要聊聊前端性能监控。重点讲performance怎么做性能监控。 页面加载的方式有两种，一种是加载完资源文件后通过javascript动态获取接口数据，然后数据返回渲染内容，这就是前后端分离的项目页面加载方…

今天的问题从排序算法入手，来讲解如何根据业务需求，结合金典的算法，来实现js高性能开发。 老板让小明给公司的20000+条数据排个序，但是由于排序的操作会频繁发生，如果操作执行的时间很慢，则会严重降低用户体验，听到这条噩耗后小明开始了代码。 运行该测试函数后，耗时760ms，小…

本篇文章是参照 @leonardomso 创立。 由于原版资源都要翻墙，所以本人创立一个中文版，附上关于这些概念在国内的一些文章和视频。 若有觉得更好的文章或者视频，可以贡献出来，觉得有误的，请联系我删除。

介绍了三种 Code Spliting 的方法并进行实践。