FLIR:避免难看的页面加载

Question

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

有什么方法可以避免这种事情吗？几个小时后我有个客户演示，我知道这会让人惊讶。我的情况在某种程度上与this question有关，它是关于sIFR的，而不是FLIR。有什么想法吗？

谢谢,

贾斯汀

Answer 1

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

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

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

Answer 2

我使用FLIR已经有一段时间了，但我记得有一个内部缓存方法，它会在加载时从缓存中拉出，而不是每次都生成它。

http://docs.facelift.mawhorter.net/configuration:settings

此外，你不能一次在页面上有太多。我发现6-10之间是性能的最佳选择。

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