山顶上的网页
上个月爬山,山顶信号只剩一格。同行的人想看一眼路线信息,打开一个知名网站,白屏了四十秒。另一个纯 HTML 的页面,秒开。
网页首先应该是可用的,然后才是好看的。
竖向图片的问题
这篇文章的封面是一张竖向图片。竖图在文章页顶部只能显示中间一段,这是物理规律,不是 bug。重要的是:
- 焦点位置可以通过
coverPosition调整,保证主体不被裁掉; - 图片加载失败时,页面退化为纯色背景,标题照常可读;
- 不要让封面承载文字,文字放在稳定的阅读区。
回到渐进增强
爬山回来以后,我把自己网站的「无图片状态」又检查了一遍。CSS 加载失败时内容是否可读?JS 没执行时导航是否还能点?
这些检查不性感,但和山顶上的那格信号一样真实。