读书笔记:慢下来的网页
最近在读几篇关于网页体积的老文章,摘几句记在这里。
摘录
一个页面从 30KB 长到 3MB,没有人是被某一次改动害的,是被一千次"就加一点点"害的。
用户感受到的不是你的技术选型,是白屏持续了几百毫秒。
我的几点想法
- 先减,再加。 每加一个依赖,问一句:它省下的时间,比它加载的时间多吗?
- 排版即设计。 合适的行高、行宽和留白,比任何动效都更能让人读下去。
- 默认无 JS。 让内容在脚本加载失败时依然可读,是最便宜的可用性保障。
落到这个博客上
这个页面的全部前端资源就是内联的样式表,没有字体外链,没有分析脚本,也没有 Cookie 弹窗。
目标很简单:在任何网络条件下,点开就能读。