#优质博文 #前端 #css #Web性能 #WCAG
HTTP Archive 2025 Web Almanac | CSS-Tricks
介绍 HTTP Archive 发布的 2025 年度《Web 年鉴》报告,总结了当前 Web 性能、CSS 趋势、可访问性及资源膨胀等核心数据。
[以下是方便搜索索引的大纲 (AI 生成),请读原文]
author Geoff Graham
HTTP Archive 2025 Web Almanac | CSS-Tricks
介绍 HTTP Archive 发布的 2025 年度《Web 年鉴》报告,总结了当前 Web 性能、CSS 趋势、可访问性及资源膨胀等核心数据。
AI 摘要:这篇文章介绍了最新发布的《2025 Web 年鉴》(Web Almanac),该报告通过对 1720 万个网站的深度分析,揭示了 Web 技术的现状。亮点包括:可变字体(Variable fonts)已成为主流(约 40% 采用率),但网页可访问性(Accessibility)依然严峻,大量网站缺失焦点样式或对比度不足;同时,过去十年间移动端网页体积膨胀了超过 200%,反映出资源过度负荷(Bloat)的问题亟待解决。
[以下是方便搜索索引的大纲 (AI 生成),请读原文]
1. 网页设计与 CSS 趋势
• 新的 CSS 属性 text-wrap 的 balance 和 pretty 值虽然发布不久,但已分别达到 2.67% 和 1.71% 的使用率。
• 可变字体(Variable fonts)不再是新鲜事物,桌面端(39.4%)和移动端(41.3%)已有约四成网站在使用。
2. 可访问性(Accessibility)挑战
• 颜色对比度(Color contrast)达标率极低,仅 30% 的网站符合 WCAG 准则。
• 焦点样式移除现象严重,67% 的网站违反了键盘导航必须有可见焦点指示器的规定。
• 图像描述缺失,约 44% 的网站未提供有效的替代文本(Alt attribute),其中 14% 完全缺失标签。
• ARIA 标签使用率高达 70%,但过度依赖或不当使用可能损害语义化(Semantic)HTML 的优势。
3. 性能、内容管理系统(CMS)与生态
• WordPress 依然占据市场主导地位,但增速放缓,目前正处于从扩张向稳定(Stabilization)转型的阶段。
• 网页资源肥胖(Bloat)问题显著,移动端页面体积中位数从 2015 年的 845 KB 增长至 2025 年的 2,362 KB。
• JavaScript 资源负荷极重,中位数达到 697 KB,成为网页性能的主要负担之一。
author Geoff Graham