带你深度解锁Webpack系列(基础篇) 和 带你深度解锁Webpack系列(进阶篇)，主要是讲解了 Webpack 的配置，但是随着项目越来越大，构建速度可能会越来越慢，构建出来的js的体积也越来越大，此时就需要对 Webpack 的配置进行优化。 本文罗列出了十多种优化方式…

体积的大小直接关系到我们项目的加载速度， 而SPA的首屏加载速度又决定了用户的留存。对于体积优化，我们可以从俩个方面来下手。But 在那之前我们要先对自己的项目依赖构成进行分析，确定了优化的目标才能着手思考优化方案，进而实施优化方案。 我们只需要在每次打包的时候使用它，可以通过…

随着JavaScript的快速发展，目前它已然成为最流行的编程语言之一，这背后正是 Web 的发展所推动的。但是随着JavaScript被广泛的应用，它也暴露了很多问题： 这两大问题成为JavaScript头顶上的达摩克利斯之剑，危及着JavaScript更广泛的应用。 Bre…

事情的起因是我们WMS系统内有一个批量打印的功能，今天仓库反应第一次打印的速度大概是2s，但是之后每次都越来越慢，到后面页面基本就直接卡死了。 从这个表现来看，这个问题基本可以定位成性能问题，而不是可以被try...catch到的异常。 一行行review这部分相关的代码，co…

本文主要探究 JavaScript 的解析编译过程对 Web 应用的启动性能的影响，主要分为三个部分，首先讲述了业界开放环境中 JavaScript 的解析编译过程的成本情况；然后给出了几种测量解析编译成本的方法；最后从开发者和 Chrome 团队两个角度讲了如何降低解析编译成本从而提高 Web 应用启动速度。本文作者是 Google Chrome 团队成员 Addy Osmani 。