建设中 本站仍在建设中:文章会陆续补充,样式和链接也可能随时调整,感谢你的耐心。

读书笔记:慢下来的网页

最近在读几篇关于网页体积的老文章,摘几句记在这里。

摘录

一个页面从 30KB 长到 3MB,没有人是被某一次改动害的,是被一千次"就加一点点"害的。
用户感受到的不是你的技术选型,是白屏持续了几百毫秒。

我的几点想法

  • 先减,再加。 每加一个依赖,问一句:它省下的时间,比它加载的时间多吗?
  • 排版即设计。 合适的行高、行宽和留白,比任何动效都更能让人读下去。
  • 默认无 JS。 让内容在脚本加载失败时依然可读,是最便宜的可用性保障。

落到这个博客上

这个页面的全部前端资源就是内联的样式表,没有字体外链,没有分析脚本,也没有 Cookie 弹窗。

目标很简单:在任何网络条件下,点开就能读。