文章标签

你们都知道font-display吗？它很棒。它是一个 CSS 属性，可以在@font-face 块中使用来控制字体的视觉加载方式。字体加载实际上非常复杂。这是 Zach Leatherman 的指南，用于…

最近发布了两个非常有趣的视频，它们使用 Chrome DevTools 的“本地覆盖”功能来测试网页性能，甚至不用触碰原始源代码。

• Umar Hansa: 使用本地方法改进 Soylent.com 的性能

网页字体领域有很多好消息！

1. 即将发布的 Microsoft Edge 版本将最终实现unicode-range，这是最后一个实现此功能的现代浏览器。
2. 预加载和font-display 将在 Safari 和 Firefox 中推出。
3. 可变

Trent Walton:

我最近意识到，仅仅提供一个高性能、可访问、响应式、可扩展的网站是不够的：我还需要考虑第三方脚本的影响。无论我认为我的原型多么稳固，它都无法让我免受...

来自 Johnny 的开发者博客

挑战：计算未使用 CSS 的实际百分比

我们的目标是创建一个脚本，用于衡量此页面未使用 CSS 的百分比。请注意，用户可以与页面进行交互...

Vitaly Friedman 提供了一份庞大的性能注意事项清单。它很好地融合了老的战术（精简、渐进增强等）和新的考虑因素（树形摇动、预取等）。我喜欢包含快速赢利部分…

JavaScript 的性能 API 是谨慎的，因为它提供了工具来准确测量网页性能，尽管网页性能在很早以前就开始执行，但它从未真正变得足够容易或精确。

也就是说，它并不容易…

诸如 JPG、PNG 和 GIF 之类的流行图像文件格式已经存在很长时间了。它们相对有效，并且网页开发者已经引入了许多优化解决方案来进一步压缩其大小。但是，JPG、PNG… 的时代结束了。

通过 CSS 滤镜效果和混合模式，我们现在可以利用各种技巧直接在浏览器中为图像设置样式。但是，创建美观的主题并非滤镜效果的全部作用。可以使用滤镜来指示悬停状态，…