标签：浏览器
当您滚动网页或网页的部分内容发生变化时，浏览器引擎有时需要重新绘制页面的部分区域。将布局和样式信息转换为屏幕上的像素点的过程对每个浏览器引擎来说是特定的，但可能在性能方面代价很高，特别是当重新绘制的区域很大且频繁发生时。 如果您怀疑网页因频繁和大面积的重新绘制而变慢，请使用 De...
许多尝试，少数留存… 自Chromium崛起以来，浏览器多样性的丧失一直备受哀叹。下面你可以看到一个图表，展示了历史上和当前的浏览器引擎（不是浏览器，而是HTML渲染引擎），以及它们的开发时间。对于较大的引擎，市场份额由彩色形状表示（见图例）。 我们现在已深入到“第四个统治时代”...
作为网页设计师，您的主要职责之一是创建无论用户使用何种设备都能轻松阅读的网站。传统方法，如使用像素为字体大小设置，会根据观看者的设备或个人偏好设置文本的恒定大小。然而，这对于有视觉障碍的用户来说可能是非常具有挑战性的，因为他们无法将文本调整到舒适的大小。 这就是相对 CSS 单位...
随着visionOS 2的发布，现在是确保您的网站在visionOS中的Safari上正常工作的绝佳时机。对于空间网络，您基本上不需要做任何特别的事情。它确实是Safari，拥有相同的WebKit引擎和对网络标准的广泛支持。 您可以通过观看WWDC23主题演讲或Meet Safa...
最近对20个顶级网站的分析发现，这些网站没有利用页面速度优化措施的数量令人惊讶——这对他们的性能指标有害，更重要的是，对他们的用户和最终的业务有害。 我花了很多时间查看瀑布图和网络性能审核。我最近调查了20个顶级网站的测试结果，发现它们中的许多没有利用优化措施——包括一些相当容...
PDF为世界提供了一种高度兼容的共享文档和媒体的通用格式，但通常以程序化方式生成它们可能会有些棘手。 我们将探讨一些使用JavaScript在不同环境中生成PDF的选项。 生成PDF的难题… 当使用PDF时，你通常像查看图像一样阅读或审查它们，但如果你尝试复制一些文本、搜索PDF...
我左顾右盼，发现自己是唯一还在使用Firefox的人。 在会议和联合办公空间，总是相同的场景：人们使用Chrome的各种版本。有时是Brave，有时是Chromium，大多数时候就是Google Chrome。 我觉得这既好笑又令人震惊。 整整一代人在伟大的免费工具和开放标准的...
快速总结：你有没有想过CSS3之后发生了什么？众所周知，我们从未看到CSS4出现在它之后，然而我们有大量新特性，却没有类似的方式来定义它们是何时引入的。W3C CSS-Next社区小组正在积极寻找更好的方法来描述CSS随时间的演变，并像2009年CSS3那样有效地识别特性集...
作为开发者（特别是前端开发者），我们通常在浏览器窗口开始出现内容时，以及我们可以消费内容或与页面交互时，讨论网页性能。例如，以下核心网络关键指标指导我们可以看到、使用和体验的讨论： 首次内容绘制（FCP），它测量用户首次导航到页面到页面任何部分的内容被渲染的时间， 最大内容绘...
在 2017 年，我写了一篇文章，展示了网络开发者如何能够将 ES6+ 代码（即 ES2015）部署到生产环境中，而无需将其转译为 ES5。这种技术对于希望自由编写现代代码而不必担心转译器或 polyfill 膨胀问题的网站开发者来说是一种解放。 不幸的是，虽然许多网站开发者能够...