我最近查看了网络年鉴的 CSS 章节,并有一些想法。在这里,Stefan Judis 审视了整个内容,并整理了他认为最有趣的部分。以下是其中大部分内容:
- 20% 的网站没有压缩其 JavaScript。
- React 占 5% 的网站,而 jQuery 占 85% 的网站。(因此我 调侃推文)
- 原生 JavaScript 导入低于 1%(我们仍然在捆绑,据我们了解,目前这还是最好的做法)。
- Flexbox 的使用率为 50%,而网格仅为 2%。(我之前说过我认为这很疯狂,因为浏览器支持并没有太大差别,而且网格,IMO,通常更有用。)
- 20% 的网站使用响应式图像。(很有趣,因为 WordPress 默认情况下会使用它,并且为网络提供了 34% 的内容。可能是很多非常老旧的 WordPress 版本?)
font-display
的使用率为 26%,这让我很震惊,因为它相当新颖而且有点深奥(尽管我很喜欢它)。- HTTPS 的使用率为 80%。这也令人惊讶,因为如果您的主机没有将其设为其产品的默认部分,那么这将是一件很麻烦的事。
- 5 个网站中有 4 个存在颜色对比问题。这并不奇怪,但我想知道其中有多少是误报。我见过很多自动工具会产生误报。
- 4 个网站中有 1 个没有指定lang 属性。
- 5 个表单中有 4 个没有为其输入元素提供标签。 WHATTTTTT。
- 0.44% 的网站使用服务工作者。我很喜欢它们,但它们(1)太难了,(2)感觉太危险,不敢尝试。
- 3 个页面中有 2 个在加载时会出现大量内容偏移。(记住,现在要为图像添加
width
和height
属性,这样可以防止内容偏移。非常重要。) - 我们听说 WordPress 为网络提供了 1/3 的内容,但另一个有趣的相关统计数据是,如果您使用的是 CMS,则有 75% 的可能性是 WordPress。
- 只有 20% 的网站使用 CDN(用于 HTML)。我相信对于资产来说这个比例更高。
- 我们仍然在平均推动 2 MB 的页面大小。所有情况都取决于具体情况,但如果我们想要做有意识的人,不妨说我们的目标是这个数字的一半。