1. 首页
  2. css

CSS性能链接

使GitHub的新主页快速高效-Tobias Ahlin描述了由于IntersectionObserver和避免使用getBoundingClientRect等触发回流的方法,滚动效果是如何更高效地实现的。还有,WebP+SVG掩码!
我们所知道的关于核心网站要害和SEO的一切-Simon Hearne讲述了为什么现在每个人都对CWV如此着迷:SEO。Simon说了一些我听过好几次的话:页面体验更新更像是一种胡萝卜式的方法,而不是大棒式的方法——没有达到Google的目标就没有直接的惩罚。也就是说,你不会因为CWV不好而受到惩罚,但是如果数字好就会得到奖励。但是,如果你周围的人都得到了奖金,除了你,这不就是一种惩罚吗?
为web性能优化和测试设置Cloudflare Workers—Matt霍布斯首先介绍了如何设置Cloudflare Worker,使用它截取CSS文件并用Comic SAN替换所有字体系列声明的101简介。也许这会让你大开眼界:如果你能操纵所有的资产,比如HTML、CSS和JavaScript,你就可以强迫这些东西做更有性能的事情。
现在这就是我所说的服务工人!-杰里米·瓦格纳(Jeremy Wagner)建立了一个\”流媒体\”服务人员,在网站上缓存常见的部分(例如页眉和页脚),这样,威斯康星州沃沙拉县的互联网速度较慢的人可以以两倍的速度加载网站。这是基于Philip Walton\”Smaller HTML Payloads with Service Workers\”的文章。
2021年谁拥有最快的F1网站?-杰克·阿奇博尔德(Jake Archibald)的史诗般的持续10集系列分析F1赛车网站的表现(哦,讽刺)。看来红牛目前领先,费拉里落后。这里面有很多东西要学,看到一些有趣的东西有点像是宣泄,他们的网站很慢,因为有一个1.8MB的阻止脚本,但是其中1.7MB是一个内联的2300×2300 PNG的马,它只以20×20的速度显示过。而且,我不知道杰克是雪碧牛的原始建造者!(不要因为sprites不好而使用它。)
在JS性能比较中,真实世界的CSS与CSS的比较

CSS性能链接 为WP2原创文章,链接:https://www.wp2.cn/css/css%e6%80%a7%e8%83%bd%e9%93%be%e6%8e%a5/