一次 webpack 到 vite 的失败迁移体验。`Vite` 经过一段时间的发展，目前的生态已经非常丰富了。所以就着手把项目的 `Webpack` 替换为 `Vite`。

项目升级 Vite3.x 后，首次进入页面，页面的首屏时间非常的长，且一定会刷新整个页面。修复前的页面首屏时间为 1m06s，修复后为 45s，性能提升了 25%

Vue 框架通过数据双向绑定和虚拟 DOM 技术，帮我们处理了前端开发中最脏最累的 DOM 操作部分， 我们不再需要去考虑如何操作 DOM 以及如何最高效地操作 DOM；但 Vue 项目中仍然存在项目首屏优化、Webpack 编译配置优化等问题，所以我们仍然需要去关注 Vue …

b 站视频播放的是很快的，基本是点哪就播放到哪。 而且如果你上次看到某个位置，下次会从那个位置继续播放。 那么问题来了：如果一个很大的视频，下载下来需要很久，怎么做到点哪个位置快速播放那个位置的视频呢

优化大体可以就拉取资源体积的大小，请求速度和资源组织方式角度去优化。也可以通过浏览器的`Performance`和`Lighthouse`模块生成加载或者性能报告，根据其提示的思路去优化页面。

虽然一直在用 Chrome DevTools，但大多停留在常用的功能和调试上，比如 Elements/Network/Sources/Console 等主要功能。该系列文章基于最新版的 Mac Chrome 完成，主要介绍 Network/Timeline/Profiles 三个方面的内容。

性能优化是前端一个经久不衰的话题，我们都希望能给用户带来性能更好、更快的体验。优化页面的性能有非常多的手段，本文主要介绍 Alibaba.com 使用 ServiceWorker 优化性能的实践经验。 在谈性能优化之前我们，我们需要了解一下页面的性能该如何定义。其实性能有非常多…

JavaScript对未声明变量的处理方式：在全局对象上创建该变量的引用(即全局对象上的属性，不是变量，因为它能通过delete删除)。如果在浏览器中，全局对象就是window对象。 如果未声明的变量缓存大量的数据，会导致这些数据只有在窗口关闭或重新刷新页面时才能被释放。这样会…

本文将探索常见的客户端 JavaScript 内存泄露，以及如何使用 Chrome 开发工具发现问题。