对于以阅读为主的博客,访问体验首先取决于内容能否及时出现、页面是否稳定,以及操作是否顺畅。
优先让内容出现
文章标题和正文可以直接包含在 HTML 中。这样即使脚本还没有执行,读者也能开始阅读。只有确实需要交互的部分,才加载相应脚本。
图片大小与展示尺寸相匹配
缩略图不需要使用原始大图。根据实际显示宽度准备合适的图片,并明确图片尺寸,可以减少下载体积和页面跳动。首屏以下的图片可以延迟加载。
让缓存做它擅长的事
带有内容指纹的样式和脚本适合长期缓存;文章页面则需要兼顾更新及时性。两者采用不同的缓存策略,有助于让重复访问更快,同时减少旧页面滞留。
在真实条件下检查
除了桌面浏览器,还应检查手机窄屏和较慢网络。观察首屏出现时间、布局变化、文字可读性,以及菜单和搜索能否正常使用。
- 页面关闭脚本后,正文仍应可以阅读。
- 手机页面不应出现横向溢出。
- 图片加载前后,正文位置应尽量稳定。
- 搜索和导航需要清晰的键盘焦点。
性能优化没有一个适合所有网站的固定分数。以实际页面和访问环境为准,持续检查最影响读者的部分。