前端性能和加载体验优化实践（附：PWA、离线包、内存优化、预渲染）
探讨了页面加载卡顿的原因并提出了多种优化方法。主要原因包括项目包或第三方脚本过大、JavaScript 执行阻塞页面加载、图片体积大且多等。优化策略包括构建缩包按需加载、减少图片体积等。文章还详细介绍了如何通过 Webpack 插件分析项目中用到的 npm 包及大小，以及如何通过调整图片尺寸、格式转换、压缩等方式减小图片体积。
标签： 缓存
读书笔记:《微服务设计》 - [英]Sam Newman 著 / 崔力强 张骏 译
干货满满
读完时间：2021 年 02 月 14 日
出版时间：2016 年 4 月
前言
实现细节变化的速度总是比它们背后的理念要快得多。
相对于不断变化的新框架、新技术，更应该关注其背后的设计模式、数据结构及算法。
"读书笔记:《微服务设计》 - [英]Sam Newman 著 / 崔力强 张骏 译"继续阅读
强缓存和协商缓存
Git 删除 .gitignore 生成之前上传的文件
清除缓存
git rm -r --cached .
git add .提交记录
git commit -m "chore: clean cache"
git push附录
H5应用程序缓存 - Cache manifest
一、作用
离线浏览 - 根据文件规则把资源缓存在本地，脱机依然能够访问资源，联网会直接使用缓存在本地的文件。优化加载速度，节约服务器资源。
"H5应用程序缓存 - Cache manifest"继续阅读
H5 localStorage入门
定义
只读的 localStorage 允许你访问一个 Document 的远端（origin）对象 Storage；数据存储为跨浏览器会话。localStorage 类似于 sessionStorage，区别在于，数据存储在 localStorage 是无期限的，而数据存储在 sessionStorage 会被清除，当页面会话结束时——也就是说当页面被关闭。
属性
length
localStorage 内键值对的数量。
"H5 localStorage入门"继续阅读