Question

我和我的一些同事有了这个“愚蠢”的想法，试图将图像转换为HTML表。基本上，这是一个简单的HTML表，每个单元格正好为1×1像素，并且CSS背景颜色根据原始图像中的相应像素而定。

让我们来看看一个典型的情况：

将1920 x 1080像素的大图像转换为HTML表格（这为我们提供了2,073,600个表格单元格）。
Linux和Windows上的Firefox和Chrome
在具有Intel Core i7-6820HQ CPU和16 Gig RAM的笔记本电脑上运行

包含超过200万个表格单元的网页都难以在Linux和Windows上的两种浏览器中加载，而要花费5分钟以上的时间才能完全呈现。 Internet Explorer 11和Microsoft Edge无法完全加载页面。 IE完全崩溃时，Edge会显示“出问题了”错误页面。

现在，我们办公室里有一台旧的Mac Mini（2014年末，i5，8 Gig的RAM），并认为在尝试渲染此页面时看到它崩溃并刻录会很有趣，并假设野生动物园会崩溃。

但是，它不仅有效，而且页面渲染速度比Windows和Linux计算机快得多，仅需45秒。

当我们在同一台Mac上的Chrome中尝试相同的页面时，与其他计算机一样，它花费了大约5分钟的时间。

因此，我的问题是-为什么使用4年历史的Mac Mini的Safari渲染此页面的速度要比使用相同Mac的Chrome和功能强大得多的硬件上的任何其他浏览器的渲染速度快？

一个非常简短的代码示例。完整的演示可以通过下面的CodePen链接查看。

<style>td { width: 1px; height: 1px; } table {border-collapse: collapse;}</style><table>
<tr>
  <td style="background-color: rgb(255, 255, 255);"></td>
  ...

Example with a significantly smaller image （CodePen链接）

为什么MacOS上的Safari可使我的桌子最快？

0 个答案: