2021 年 Web 研究综述

去年，我们发布了一篇 Web 研究综述，涵盖了已发布的调查、研究和其他发现。 其中有一些有趣的发现，例如普遍认为 网络需要更多文档，Tailwind CSS 变得很火，TypeScript 是第二 最受欢迎的语言，以及排名前一百万的网站在 “令人沮丧”的可访问性方面表现不佳。

当然，还有很多其他发现。

现在，随着 2021 年接近尾声，许多人倾向于回顾过去一年，让我们再次进行回顾。 看看我们行业（及其相关领域）正在出现的趋势，以及这些趋势如何随着时间的推移而 发展 非常有趣。

再一次，没有特定的顺序

• HTTP Archive 年度 Web 状态报告
• 2021 年 CSS 状态报告
• GitHub 2021 年 Octoverse 状态报告
• Google 2021 年搜索回顾
• StackOverflow 2021 年开发者调查
• Angular 中 CSS 的 [新] 状态
• JetBrains 2021 年开发者生态系统状态报告
• WebAIM 百万网站调查 2021
• WebAIM 网络无障碍从业者调查 #3
• WebAIM 屏幕阅读器用户调查 #9
• CodinGame 2021 年开发者调查
• LinkedIn 2021 年职场学习报告
• HackerRank 2021 年创新者报告
• Microsoft 物联网信号报告
• Developer Nation 2021 年开发者调查
• UpWork 2021 年自由职业者发展报告
• UXTools.co 2021 年设计工具调查
• Postman 2021 年 API 状态报告
• Chrome 2021 年滚动调查报告
• Sparkbox 2021 年设计系统调查
• Tower Git Mac 开发者调查 2021
• HackerEarth 2021 年开发者调查
• 趋势科技 2021 年年中网络安全报告
• WordPress 2020 年年度调查结果
• 2021 年 Web 性能工具的非正式调查
• 总结…

HTTP Archive 年度 Web 状态报告

内容： 这项研究分析了来自 Chrome 用户体验报告 的 820 万个网站，研究了这些网站的制作方式，并将内容细分为页面内容、用户体验、内容发布和内容分发等部分。 CSS 章节 由 Eric Meyer 和 Shuvam Manna 撰写，并由包括 CSS-Tricks 客座作者 Adam Argyle 和 Lea Verou 在内的专家审核。

发现： 去年，我们看到 CSS 对整体页面重量的贡献更大，这种趋势在今年继续，CSS 文件的中位数重量增长了 7.9%，达到约 70 KB。 这里有很多很棒的数据值得挖掘，但有一个数据特别引人注目：今年创下了页面加载的外部样式表数量的最高记录，达到了惊人的 2368 个文件，几乎是去年记录总数的两倍。 看起来有人在努力 赢得 这场令人沮丧的比赛。

2021 年 CSS 状态报告

内容： 每年都会回顾 CSS，调查开发者使用哪些功能以及他们对这些功能的理解和满意度。 共同创办人 Sacha Greif 过去曾在此网站上发表过有关调查的文章（包括 为什么 CSS 需要自己的调查）。 今年的调查收集了来自世界各地开发者的 8714 份回复。

发现： 嗯，Tailwind CSS 继续爆炸式增长（使用率从 26% 上升到 39%）。 CSS 变量在 2019 年就已经成为主流（59.6% 的使用率），但现在 非常普遍（84.4%）。 还有很多类似的小细节，但另一个特别吸引我的是，人们认为 CSS “易于学习”的看法在 2019 年至 2021 年间 逐渐下降。

GitHub 2021 年 Octoverse 状态报告

内容： 这有点像 GitHub 对自身活动的内部回顾，例如用户数量、存储库数量、语言数量等等。 这些数字在一定程度上揭示了我们工作与生活的平衡、社区以及总体活动情况。

发现： 去年，开发者在 GitHub 上的活动在 2020 年 2 月至 3 月期间出现激增，表明人们由于全球疫情的影响而变得 更加忙碌，无论是来自雇主还是个人副业。 今年继续表明，我们工作方式发生了巨大变化，超过 86% 的受访者 期待在未来一年完全远程工作或以某种混合方式工作。

同样值得注意的是，缺乏文档 仍然是一个持续存在的问题。 哦，这项调查还表明，TypeScript 的使用正在大幅增长——自 2017 年发布以来，它已成为 GitHub 上第四大最常用的语言，取代了 PHP，自 2019 年以来，PHP 的排名已降至第六位（可能是由于 WordPress 继续向 JavaScript 过渡）。

Google 2021 年搜索回顾

内容： 这份报告是搜索巨头每年发布的，重点介绍了热门搜索词，并将其细分为新闻、人物、演员、定义、食谱等等。

发现： 我之所以觉得这份报告有趣，是因为它有点像一窥用户群体的集体意识，看看他们在网上搜索什么。 去年，我将其描述为翻阅一本高中年鉴，即使它与前端 Web 设计或开发没有直接关系，但感觉仍然如此。 例如，看看包含“如何成为”的查询。 顶级搜索是“如何获得刺激计划支票资格”，其次是“如何变得有吸引力”和“如何独自快乐”。 所以，我想我们都在集体搜索如何成为更漂亮、更富有的人，并追求在没有伴侣的情况下获得幸福。 概括，大获全胜！

StackOverflow 2021 年开发者调查

内容： 对 8 万名开发者（从 6.5 万人增加到 8 万人）进行的调查，研究了他们使用的技术以及使用方式。

发现： 这份报告证实了 GitHub 的 Octoverse 状态报告已经向我们展示的内容——TypeScript 正在增长。 更有趣的是，一个问题是询问开发者在 遇到“卡住”问题 时会怎么做。 如果你曾经因为不知道如何解决某个问题而自责，那就从近 90% 的开发者都和你一样，不得不“谷歌搜索”得到慰藉吧。 如果不行，那么 80% 的人会前往 StackOverflow 寻找答案。

Angular 中 CSS 的 [新] 状态

内容： 去年，我们研究了 Angular 的 总体开发者调查。 今年，他们专门进行了一项关于 CSS 的调查。 它更像是一次状态更新，而不是调查，但仍然很有趣，可以了解该框架在处理这个网站同名语言时优先考虑什么。

发现： 这里没有发现。 但是 Angular 报告称，它已停止支持 Internet Explorer 11，这为其他 CSS 功能进入该框架打开了大门——例如 CSS 网格、逻辑属性、calc() 等等。

JetBrains 2021 年开发者生态系统状态报告

内容： 由 JetBrains（流行的 PhpStorm IDE 的制造商）对近 31743 名开发者（从 2 万人增加到 3.1 万人）进行的调查。

发现： 这份报告在开头就发布了主要结论。 与去年一样，JavaScript 是最流行的语言。 但是与去年不同的是，JavaScript 也是大多数开发者正在学习的语言，取代了 Python 成为首位。

WebAIM 百万网站评估 2021

评估内容： 对前一百万个网站以及超过十万个内页的无障碍性进行评估。这前一百万个网站从哪里来？ 它们来自 Majestic 百万榜单 以及 开放页面排名计划 和 Alexa 网站排行榜 的额外页面分析。

评估结果： 有个好消息——今年评估的网站中发现的无障碍性错误数量减少了 15.6%！ 不好的消息是？ 该报告仍然发现了 51,379,694 个错误，而且这些只是他们能够检测到的错误。 尽管发现包含 WCAG 2 错误的网站数量有所减少，但仍有 97.4% 的扫描网站存在此类错误，这是一个令人难以置信的数字。 最主要的问题是什么？ 在研究中，86.4% 的主页存在低对比度文字问题。 在这个领域，我们还有很多工作要做。

WebAIM 网页无障碍从业人员调查 #3

调查内容： 这是第三次 WebAIM 对网页无障碍从业人员进行的调查。 上一次调查是在 2018 年 进行的。 我喜欢这次调查的一点是，它相当不错地描绘了从事无障碍性工作以及随之而来的期望是什么样的。

调查结果： 无障碍性培训和教育真的吸引了我的注意。 网页无障碍性的正规教育非常少（12.5%）。 大部分培训来自在线资源（91.3%）和在职培训/经验（83.4%）。 这似乎是学术界介入并帮助发展该领域的一个巨大机会。

WebAIM 屏幕阅读器用户调查 #9

调查内容： 这是 WebAIM 第九次调查使用屏幕阅读器浏览网页的人员。 我们经常听到，了解你的受众是创造更好的用户体验的好方法，而这项调查是对一个经常被忽视的受众的良好概览。

调查结果： 最常提到的残疾是什么？ 失明。 使用最多的屏幕阅读器是什么？ JAWS。 那在移动端呢？ VoiceOver。 大多数用户如何在一个页面上找到信息？ 通过标题进行导航。 此外，40% 的受访者认为网络变得更易于访问了，但 60% 的受访者认为网络要么没有改变，要么变得更差了（根据上面的 WebAIM 百万网站评估报告，他们并没有错）。

CodinGame 开发者调查 2021

调查内容： 对 15,000 名（低于 20,000 名）开发者和人力资源专业人士的调查，涵盖学习、技能、语言和人口统计学。 它稍微揭示了开发职位招聘的情况。

调查结果： 该报告在总结中提到了几个调查结果，比如 48% 的公司提供 100% 远程工作的可能性。

LinkedIn 2021 工作场所学习报告

调查内容： 对 5,154 名（低于 6,607 名）职场人士进行的意愿调查，评估了他们的职业优先事项、挑战和动力。 这并不完全关注前端。 但考虑到 LinkedIn 学习现在是 LinkedIn 本身的核心部分，而且它的前端视频和课程库在不断增长，感觉它随着时间的推移可能会开始产生一些有趣的见解，关于我们在学习什么以及我们如何学习它。

调查结果： 再说一次，这更多地是关于人们的职业动力，而不是关于前端的任何东西。 但是，作为一个 X 世代的成员，我发现 Z 世代学习者在 2020 年观看的学习内容时间比 2019 年多了 50%。 不过，更糟的是，只有 40% 的人表示他们的管理者积极地鼓励他们学习新技能。 这个数字似乎应该更高，因为该报告还显示，59% 的人认为“提升技能”和“重新技能”是他们的首要任务。

(需要注册)

HackerRank 创新者报告 2021

调查内容： 对科技行业及其周边领域的创新和招聘趋势的见解。

调查结果： “随着疫情期间数字化转型的加速，每家公司现在都将创新放在首位。” 正如你可能从一份专注于——咳嗽——创新的报告的开头所期望的那样。 不过，有一个令人震惊的发现是，只有 47% 的受访者使用技能作为创建科技职位描述的基础。 这不禁让人产生疑问：到底用什么来撰写科技职位描述？ 我想起了我们行业中的职位头衔 五花八门，以及面试流程可能 同样糟糕。

微软物联网信号报告

调查内容： 一项关于物联网（IoT）的增长、演变和使用的研究，物联网是指物理物体接入互联网的能力，比如手表、灯泡等等。 该研究对约 3,000 人进行了 20 分钟的在线调查。

调查结果： 大多是鸡尾酒聊天时可以拿来炫耀的小知识。 90% 的公司报告采用物联网战略，这与去年的 91% 相一致。 就我个人而言，当我听到“物联网”时，我的脑海里直接跳到智能冰箱和更多支持 HomeKit 的玩具。 但是，这些调查结果表明，人工智能和边缘计算等技术正在被用来以提高质量、一致性和效率的方式自动化业务运营、制造和物流。 你想知道疫情如何影响物联网吗？ 一大批公司（44%）表示它加速了他们的物联网计划。

开发者国度 2021 开发者现状调查

调查内容： 对来自 169 个国家/地区的 19,000 多名开发者的调查，他们参与了各种科技项目，从 5G 和物联网到机器学习和第三方平台的应用程序。 它考察了开发者的人口统计学、工作场所行为和各种行业趋势。

调查结果： 其中一个问题问开发者，什么（如果有的话）会让他们离开现在的雇主，你可能不会惊讶，最主要的原因是…… 鼓声…… 金钱。 我本以为 75% 的人会这么说，但实际数字是 50%。 那些无论如何都不会改变雇主的人？ 那是 10%。 我很喜欢这种主观的假设性问题。

(需要注册)

UpWork 自由职业者展望 2021

调查内容： UpWork 的第二份年度调查，检查了自由职业的现状，包括新冠疫情对其的影响以及我们对未来的预期。

调查结果： 提供专业服务的自由职业者比例为 53%，高于 2020 年的 50% 和 2019 年的 45%。 此外，56% 的非自由职业者表示他们将来可能会成为自由职业者。 这很可能与当前的 “大辞职” 有关，即疫情过后员工离开工作岗位，因为工作变得更加远程和灵活。 哦，还有 44% 的自由职业者表示他们通过自由职业赚的钱比他们认为在“传统”雇主那里工作的工资要多…… 所以，也许开发者国度调查中那组说金钱是离开工作的最大因素的开发者应该考虑一下自由职业。 🤑

UXTools.co 2021 设计工具调查

调查内容：对 3359 名设计师进行了调查，以了解他们的身份、工作内容以及今年他们使用什么工具来弥合居家办公带来的物理差距。

调查结果：最引人注目的一点是“产品设计师”是受访者用来描述自己身份的领先职位（31%），略高于“UX设计师”（30%），但远远超过其他职位，如“UI设计师”（10%）、“网页设计师”（5%）和“平面设计师”（3%）。在设计工具方面，Figma 遥遥领先（64%），其次是 Sketch（12%），令人惊讶的是，Adobe Illustrator 和 Photoshop 的总占比仅为 3%。

Postman 2021 API 状态报告

调查内容：对超过 28000 名开发人员（比 2020 年的 13500 名增加了不少！）进行了调查，以了解谁在使用 API 进行开发，他们使用 API 做哪些工作，以及 API 如何发展。

调查结果：Postman 用户在过去一年中发起了 8.55 亿个 API 请求，增长率高达 56%。这一趋势应该会继续下去，67% 的开发人员表示他们已经采用 API优先的理念，94% 的开发人员表示他们认为他们的公司将在未来一年中对 API 的投资会增加或保持不变。我们将在明年看到这些结果的后续报告！

Chrome 2021 滚动调查报告

调查内容：Chrome 团队委托对 880 名匿名用户进行了调查，以了解网页滚动现状。在这 880 名用户中，有 336 名用户完整地回答了所有问题。调查问题来自 2019 年 MDN 网页 DNA 报告，该报告概述了与滚动相关的最常报告的问题。

调查结果：Chris 在 9 月份实际上已经报道了这一点，并指出将近一半的受访开发人员对网页滚动感到不满意。他将自己归入这个群体，指出平滑滚动在开发方面还有很多不足之处，而滚动捕捉似乎很容易出现浏览器错误。

选择的开放式答案：“滚动劫持应该被视为犯罪行为。”

Sparkbox 2021 设计系统调查

调查内容：看起来这项调查去年从我们的雷达下消失了，因为这是 Sparkbox 的第四版关于设计系统的调查，重点关注设计系统的采用、贡献、设计和技术债务，以及组织如何使用设计系统。今年的结果反映了 376 名受访者的答案。

调查结果：大约 40% 的人认为他们的设计系统要么成功（31%），要么“非常”成功（8%）。在设计系统采用方面，57% 的人表示是个人将设计系统的想法带到了他们的组织，而 22% 的人表示是领导层，3% 的人表示来自第三方推荐。有趣的是，鼓励采用是受访者的首要任务，但克服设计和技术债务是他们面临的最大挑战。

Tower Git Mac 开发者调查 2021

调查内容：对 4072 名在 MacOS 平台上工作的开发人员进行了调查，以了解这个特定开发者群体的概况。虽然这毫无意义，但我在此宣布这是所有报告中最华丽的报告。🏆

调查结果：大多数受访者（54.8%）年龄在 30-44 岁之间，其中大部分（39%）年龄在 30-39 岁之间。如果这个样本群体真正反映了 Mac 开发者社区，那么 Mac 开发本身似乎正在上升，48.8% 的受访者在工作中拥有不到 10 年的经验。（5.1% 是拥有 30 多年经验的老手。）除此之外，大多数开发人员表示他们使用 JavaScript 编写代码最多（54.6%），而 Swift 是他们最想学习的语言（28.8%）。而且，CSS-Tricks 被列为顶级学习资源！这种感觉是相互的，因为 Tower 团队撰写了我们最近的《高级 Git 系列》文章。

HackerEarth 2021 开发者调查

调查内容：我们去年错过了这项调查！HackerEarth 的第二届年度调查在 171 个国家对 25431 名开发人员进行了调查，询问参与者他们的技能、工作场所、学习方法和工具。

调查结果：首先，我喜欢这份调查中专门针对学生开发人员的部分，因为它揭示了他们感兴趣的领域，包括人工智能（16.3%）、通用信息技术（13.8%）、数据科学（11.8%）和物联网（9%）。区块链（4.7%）也出现在那里。绝大多数（81.8%）的人在 15-21 岁之间开始学习编码。结果还显示出人们对 TypeScript 的兴趣浓厚，Zoom 疲劳现象是真实存在的，LinkedIn 是求职的领先平台，许多人（22%）通过散步来放松身心（相比之下，5.3% 的人根本不能或不愿意休息）。很有意思的结果！

趋势科技 2021 年年中网络安全报告

调查内容：对 2021 年上半年网络上的威胁和风险进行了分析。除非我漏掉了什么，否则这里没有太多关于方法论的细节，但我猜想其中可能涉及扫描，因为数据显示检测到 730 万个勒索软件线程。

调查结果：730 万这个数字听起来很大（确实很大），但也约占 2020 年上半年检测到的数量的一半。仔细研究这一点很有必要，因为它确定了一些突出的攻击，其中大多数我完全没有意识到。攻击变得多么复杂令人难以置信，以至于有一次勒索软件攻击使美国东海岸一半地区在今年一段时间内没有汽油供应。

WordPress 2020 年年度调查结果

调查内容：我认为这是这份列表中唯一一项将自己称为“2020 年”调查的调查，因为数据是在 2020 年收集的，而不是 2021 年发布的。17295 名 WordPress 专业人员和用户提交了对问题的回答，这些问题深入探讨了他们如何使用和工作 WordPress。

调查结果：赞扬 WordPress（免责声明：他们是本网站的赞助商！）没有掩盖数据显示出对某些功能的明显不满，以及其净推荐值（NPS，即衡量客户忠诚度的指标）已降至历史最低水平（41% 的用户要么是消极用户，要么是贬低者）。59% 的人表示他们使用 WordPress 是因为“这是我最了解的”，这可能有点令人担忧，因为该平台正逐渐深入到块和全站编辑功能的无代码领域，这对大多数 WordPress 开发人员和用户来说都是新领域。

这里包含大量数据，从网站定制趋势到开发人员编写 JavaScript 和 PHP 的舒适程度，再到使用 React、WordPress 经验水平、使用最多的插件，以及……嗯，有很多数据。

2021 年网络性能工具非正式调查

内容： Sia Karamalegos 发起了一项调查，以了解人们使用哪些网络性能工具来使网站更快。样本量虽然只有 36 人，但仍然很有意思。

调查结果： WebPageTest 和 Chrome 的 DevTools 并列最常用的性能工具。有趣的是，第二名也是并列，但分别是 PageSpeed Insights 和简单地启动一个带有禁用 JavaScript 的普通浏览器。这是人们所说的使用工具，但也存在一个类似的问题，询问他们想要使用哪些性能工具。Boomerang、Lighthouse Treemap 和 Sitespeed.io 在该列表中排名第一。

总结…

好了，又到了总结一年研究成果的时候了！我知道这可能不言而喻，但这纯粹是为了好玩。很少有调查遵循科学方法，而且许多样本量过小，无法真实、可靠地反映现实。但是，理解这些结果并将它们与我们个人的假设进行对比真是太有趣了！

知道我错过了什么报告吗？请告诉我，我会尽力把它加进去。🤠