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壓縮了嗎？我發現初始加載速度有點慢，但是在圖像生成後相當快。