本文主要思考分析如何通过压缩图片来实现前端性能优化，并推荐了几款图片压缩工具，并进行实测，对压缩后的图片进行效果对比

虚拟列表——你需要知道的优雅处理大数据渲染的技巧。 2023年了，你还不会高性能渲染吗？1万？10万？条数据，根本不怂，虚拟列表高性能渲染实战！

这篇文章主要参考了 Vue.js 核心成员 Guillaume Chau 在 19 年美国的 Vue conf 分享的主题：9 Performance secrets revealed，分享中提到了九个 Vue.js 性能优化的技巧。 我看完他的分享 PPT后，也阅读了相关的项…

一直以来，前端性能优化都是面试过程中考察的热点题目。 相关的技术博客也层不出穷，我们总是能找到很多这样的文章， 从一个应用的各个层面开始分析，优化的种种手段，取得的种种效果。 往往篇幅越长，讲得越细，

ServiceWorker是一种特化的Worker，专门来处理跟网页有关的资源（assets），在浏览器和真正的服务端之间扮演一个代理（Proxy）的角色。

今天要聊的话题是前端最近的一个更新方向 PWA 中的核心 Service Worker 的更新问题。这是一个很容易被开发者忽略的问题，因为绝大部分开发者可能对它还不太熟悉。 经过近 2 年的发展，PWA 在 WEB 圈的知名度已经大大提升，即便你没用过可能也至少听说过。Serv…

这样做会造成第一个问题，sw线程将加剧对CPU和内存的使用，并且sw内预缓存的资源是需要下载的，移动设备带宽有限，sw线程占用的同时，主进程带宽就变成了小水管了。 首次打开各种资源都非常宝贵，况且是渐进式，完全没有必要争第一次打开页面就要缓存资源。正确的做法是，页面加载完以后s…

如何移除已经开始上线使用的 Service Worker 接手了一个历史项目，PC 端使用了 Service Worker 缓存，后文将 Service Worker 简称为 SW，现在想废弃使用该项

当浏览器想要获取远程的数据时，我们并不会立即动身（发送请求），在计算机领域，很多性能问题都会通过增加缓存来解决，前端也不例外。这也意味着，在缓存检查阶段我们就会有很多机会将后续的性能问题扼杀在摇篮之中