已标记文章

互联网的 Mat Marquis 摘录了来自HTML 设计原则规范的这个选择引用

在发生冲突的情况下，请优先考虑用户、作者、实现者、规范制定者和理论纯粹性。

然后他将这个想法应用于 放置图片…

Harry Roberts

一个需要记住的经验法则是，对于常规的网页浏览，延迟方面的改进比带宽方面的改进更有益，而带宽方面的改进在处理较大文件时会更加明显。

Tim Kadlec 谈论了围绕网页性能问题以及为什么我们必须努力让网站尽可能快的问题

性能差会导致排斥，这一点已被充分证明。

Divya 的 设置中有很多内容

使用网络字体时，会出现两种问题：不可见文本闪烁 (FOIT) 和未格式化文本闪烁 (FOUT) … 如果我们将它们进行比较，FOUT 比

过度使用导入非常容易，最终会导致数兆字节的 JavaScript。这可能是一个问题，因为这种重量会给网站的每个访问者带来负担，很可能会延迟或停止…

网页性能是一个非常复杂的话题。有一些指标，例如总请求数、页面大小、首屏时间、可交互时间、首次输入延迟等。还有一些需要考虑的内容，例如异步请求、阻止渲染和优先下载…

JavaScript 和图像往往成为网站速度慢的罪魁祸首，但 Harry 清楚地解释了为什么 CSS 同样应该受到指责，而且更难处理

1. 浏览器在构建之前无法渲染页面

假设您有一个样式表，链接如下

<link href="mobile.css" rel="stylesheet" media="screen and (max-width: 600px)">

但在页面加载时，您使用的是桌面浏览器，屏幕宽度为 1753px。浏览器应该直接跳过加载该样式表…

这是一篇来自 Stacey Tay 的发人深省且有趣的文章，讲述了 Carousell 团队如何收集指标来定义性能预算，并进而为他们的客户开发更好的体验

我们新的 PWA 列表页面加载速度提高了 3 倍