1. How web bloat impacts users with slow devices (danluu.com)
本文探讨了现代网站臃肿对使用低端设备的用户造成的严重影响,指出随着CPU性能增长远慢于带宽,网页对设备能力的要求已成为比网络速度更关键的问题。
核心发现与测试: 作者在多种设备上测试了数十个网站,包括高端笔记本(M3 Max、M1 Pro)、模拟低端设备(M3设为10倍降速)以及真实低端手机(如Tecno Spark 8C、Itel P32)。测试指标包括传输大小、最大内容绘制时间(LCP*)和主线程CPU使用时间。
- 性能差异巨大:许多现代网站(如Discourse、Medium、Reddit、Twitter、Wix)在低端设备上完全无法使用,表现为加载缓慢、滚动卡顿、点击无响应,甚至导致浏览器崩溃。例如,Discourse在Itel P32上加载失败,在Tecno Spark 8C上CPU使用时间高达26秒。
- 老旧网站更友好:老旧或设计简单的网站(如MyBB、phpBB、旧版WordPress)在低端设备上体验良好,因为它们负载轻、交互直接。
- CPU是关键瓶颈:网站在高端设备上表现尚可,但在低端设备上性能会呈非线性恶化。高CPU使用时间直接导致页面卡顿和无法交互。
原因分析:
- 开发者心态:许多开发者隐含地认为“CPU速度无限”,忽视硬件性能差异,并期望通过未来硬件提升来解决性能问题。Discourse创始人关于高通芯片性能的言论(认为其仅为苹果芯片的74-85%性能是“尴尬”)体现了这种态度,同时也流露出对非富裕用户的漠视。
- 优化扭曲:一些网站为追求谷歌PageSpeed Insights等指标分数而进行“优化”,例如通过显示无用的加载画面来操纵LCP指标,但并未真正提升用户体验。
- 技术选择:采用动态加载、无限滚动等“现代”技术的网站,往往在低端设备上表现更差,因为这些技术增加了CPU负担和交互的不可预测性。
影响与建议:
- 用户影响:全球大量用户使用的是收入水平相当于美国新iPhone价格的低价设备。这些网站的低可访问性将这部分用户排除在外。
- 商业价值:优化性能在A/B测试和长期用户留存方面通常能带来显著的商业回报。
- 设计建议:对于低端设备,静态、轻量的页面体验最佳。应避免复杂的动态加载,确保交互(如滚动、点击)的可预测性和响应性。网站性能是可及性和商业成功的重要基础。