前端性能和加载体验优化实践（附：PWA、离线包、内存优化、预渲染）
探讨了页面加载卡顿的原因并提出了多种优化方法。主要原因包括项目包或第三方脚本过大、JavaScript 执行阻塞页面加载、图片体积大且多等。优化策略包括构建缩包按需加载、减少图片体积等。文章还详细介绍了如何通过 Webpack 插件分析项目中用到的 npm 包及大小，以及如何通过调整图片尺寸、格式转换、压缩等方式减小图片体积。
标签： CDN
前端部署中添加版本和保留旧版本的必要性
背景
前端项目会部署在云服务商的 CDN 上面，CDN 的缓存如果不强制刷新目录的话，会定期刷新缓存。试想一下，当更新一个服务时，虽然制品仓里面的资源已经更新，https://www.example.com/index.html 里面的静态资源链接也已经更换，但是部分非常规链接，例如 https://www.example.com/index.html?from=others，缓存还没有刷新，仍旧在访问已经不存在的静态资源，就会导致诸如白屏这样的前端事故。
"前端部署中添加版本和保留旧版本的必要性"继续阅读
解决国内 Linux 服务器下载（git clone）GitHub 代码太慢
在国内（广州）服务器上 git clone 一个 GitHub 项目时，发现速度异常的慢；原因是 GitHub 的 CDN 被墙了；解决办法是把相关 IP 直接和域名绑定起来。
"解决国内 Linux 服务器下载（git clone）GitHub 代码太慢"继续阅读
读书笔记:《微服务设计》 - [英]Sam Newman 著 / 崔力强 张骏 译
干货满满
读完时间：2021 年 02 月 14 日
出版时间：2016 年 4 月
前言
实现细节变化的速度总是比它们背后的理念要快得多。
相对于不断变化的新框架、新技术，更应该关注其背后的设计模式、数据结构及算法。
"读书笔记:《微服务设计》 - [英]Sam Newman 著 / 崔力强 张骏 译"继续阅读
启用 Brotli 压缩算法，对比 Gzip 压缩 CDN 流量再减少 20%[转]
Google 认为互联网用户的时间是宝贵的，他们的时间不应该消耗在漫长的网页加载中，因此在 2015 年 9 月 Google 推出了无损压缩算法 Brotli。Brotli 通过变种的 LZ77 算法、Huffman 编码以及二阶文本建模等方式进行数据压缩，与其他压缩算法相比，它有着更高的压缩效率。
"启用 Brotli 压缩算法，对比 Gzip 压缩 CDN 流量再减少 20%[转]"继续阅读