javascript - FLIR：避免丑陋的页面加载

Question

我正在构建一个广泛使用FLIR以允许使用非网络安全字体的网站。然而，页面加载是一个丑陋的过程，因为首先加载每个字段的 HTML 文本版本，然后（几百毫秒后）将其替换为对应的 FLIR 图像。

有没有办法避免这种事情？几个小时后我就有了一个客户介绍，我知道它会引起人们的注意。我的情况与这个问题有关，这个问题是关于 sIFR，而不是 FLIR。有任何想法吗？

谢谢，

贾斯汀

score 2 · Accepted Answer

尝试将以下规则放入样式表中：

.flir-replaced{text-indent:-5000px;}
.flir-image{display:block;}

您可能需要修改其他与 FLIR 相关的 CSS 规则，以说明生成的图像现在垂直对齐到其各自父项的顶部。

score 1 · Accepted Answer

自从我使用 FLIR 以来已经有一段时间了，但我记得有一种内部缓存方法可以在加载时从缓存中提取，而不是每次都生成它。

此外，您不能一次在页面上放置太多。我发现 6-10 之间的性能是最佳的。

你在共享主机上吗？你的 css/js 压缩了吗？我发现初始加载有点慢，但在生成图像后相当快。

2 回答 2