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被压缩了吗？我发现初始加载有点慢，但是在生成图像后相当快。