网络年鉴大研究表明热门的前端框架依然是互联网的一小部分

HTTP Archive 最近完成了 2020 网络年鉴，一份关于网络状况的年度报告。这份报告从四个部分（页面内容、用户体验、内容发表和分发）中的 22 个章节和 600 页中得出结论：jQuery 的使用率仍然高达 80%；CSS Houdini 很少被使用；2020 年网站发送的 JavaScript 大小中位数为 400 KB，比 2019 年多了 14%。除此以外，还有更多其他结论。

CSS 的章节强调，一些为丰富 CSS 标准的新功能或提案的采用可能会滞后：

CSS 的章节还指出 CSS 文件的大小中位数在 60 KB 左右，基本上包含超过 400 条规则和 5000 条声明。大部分网站如今已在使用 Flexbox 布局（比起 2019 年的 40%，2020 年达到了 60% 左右）。CSS 网格布局（display:grid）的使用率有所提高（比起 2019 年翻了一番），但依然是极其小众的（只有 5% 的网站使用）。过渡和动画的使用非常广泛，超过 80% 的页面包含 transition 属性，超过 70% 包含 animation 属性。视觉效果（混合模式、图像滤镜、剪切路径）是非常热门的 CSS 功能：有 80% 的页面使用 CSS 滤镜；混合模式的占比和去年相比翻倍，13% 的页面在使用它。

相比之下，尽管 CSS-in-JS 在开发者群体中引起了广泛讨论，但只有 2% 的网站使用了 CSS-in-JS 的方法。CSS Houdini 在网页中的使用也只有微乎其微的比例。该报告称：

报告中的 JavaScript 章节称页面加载的 JavaScript 体积增长了约 14%，统计的中位数表明会加载 400 KB 左右的 JavaScript。报告指出针对桌面端和移动端的页面有相近的 JavaScript 体积，但其网络和性能处理有很大差别；同时，网站上未使用的 JavaScript 代码的比例中位数达到了 37%。报告写道：

好的一面是，resource hints 可以抵消一些加载 JavaScript 的网络成本，有将近 17% 的页面使用了这项技术，其中大部分来自于 preload。

报告中关于第三方的章节分析了第三方脚本的存在、分布和影响，并强调了管理它们的重要性：

开发者们可以用四种语言阅读完整的在线报告。HTTP Archive 耗时超过五个月来编写网络年鉴，其中更有数百计的贡献者搜集了数百万网页的数据。HTTP Archive 每月评估数百万网页的构成，并将其 TB 级的元数据公开在 BigQuery 上供分析使用。