性能链接iii

• 使GitHub的新首页快速而表现效果- Tobias Ahlin描述了如何更大地执行滚动效果，这要归功于InterSectionObserver，并且它避免使用触发反映的方法，例如GetBoundingClientRect。另外，WebP SVG蒙版！
  
• 我们对Core Web Vitals and SEO的了解- Simon Hearne涵盖了为什么现在每个人都对CWV如此痴迷：SEO。西蒙说，我已经听过几次了：页面体验更新更多的是一种胡萝卜的方法，而不是坚持下去 - 没有达到Google目标的直接惩罚。也就是说，您不会因糟糕的CWV而受到惩罚，而是为大量数字提供了奖励。但是，如果您周围的每个人都得到了奖金，除了您之外，这与罚款不是一样吗？
  
• 设置CloudFlare工人进行Web性能优化和测试- Matt Hobbs首先要设置Cloudflare Worker的101简介，使用它来拦截CSS文件，并用漫画Sans替换所有字体家庭声明。也许这将使您对可能性睁开眼睛：如果您可以操纵所有资产，例如HTML，CSS和JavaScript，则可以强迫这些事情做更多的性能。
  
• 现在，这就是我所说的服务工人！ - 杰里米·瓦格纳（Jeremy Wagner）设立了一名“流媒体”服务工作者，该服务人员在网站上缓存了共同的部分（例如，标题和页脚），以至于威斯康星州的沃沙拉县（Waushara County）的人民可以将网站加载速度缓慢，使该网站在附近的某个地方迅速加载了两倍。这是基于菲利普·沃尔顿（Philip Walton）的“较小的HTML有效载荷与服务人员有效载荷”的文章。
  
• 谁在2021年拥有最快的F1网站？ - 杰克·阿奇博尔德（Jake Archibald）的史诗般的《史诗般的播放》（Epic）在10分之际，分析了F1赛车网站的性能（哦，讽刺）。看起来红牛在Ferarri Trailing到目前为止处于领先地位。所有这些都需要学习很多东西，而且有些宣泄看到有趣的位置，因为他们的网站很慢，因为有1.8MB的阻止脚本，但其中1.7mb是一条融合的2300×2300 PNG的马匹，仅显示为20×20。另外，我认为我不知道杰克是Sprite Cow的原始建筑商！ （不要使用它，因为事实证明精灵不好。）
  
• 现实世界中的CSS与CSS-In-JS性能比较- Tomas Pustelnik着眼于CSS-In-JS的性能含义。或者，正如我想指出的那样：CSS反应，因为这始终是这样，因为所有其他大型JavaScript框架都有自己的祝福的样式解决方案。托马斯没有将样式组件与手写的香草CSS进行比较，而是与Linaria相比，我认为大多数人仍然将其视为CSS-In-JS，除非它不会在JavaScript中捆绑式样式，而是输出CSS。我同意，无论造型库为DX做什么，生产CSS似乎都是生产的方法。我喜欢CSS模型的另一个原因。较新的Libs也在这样做。
  
• 50ms请求的情况- 朱莉娅·埃文斯（Julia Evans）组合了这个交互式难题，以弄清为什么服务器请求要花费的时间比应有的时间更长。比后端更像是后端的事情，但是故障排除的步骤感觉很熟悉。在计算机上尝试一下，在我的计算机上尝试一下，看看服务器在做什么，等等。

以上是性能链接iii的详细内容。更多信息请关注PHP中文网其他相关文章！