FLIR: как избежать некрасивой загрузки страниц

Я создаю сайт, который широко использует FLIR, чтобы разрешить использование небезопасных шрифтов. Однако загрузка страниц - это уродливый процесс, так как сначала загружается текстовая версия HTML каждого поля, а затем (через несколько сотен миллисекунд) она заменяется ее эквивалентом изображения FLIR.

Есть ли способ избежать подобных вещей? Через несколько часов у меня будет презентация для клиента, и я знаю, что она вызовет удивление. Моя ситуация как бы связана с этим вопросом, который касается sIFR, не FLIR. Любые идеи?

Спасибо,

Джастин


javascript loading flir sifr
person justinbach    schedule 02.04.2010    source источник

Ответы (2)


arrow_upward
2
arrow_downward

Попробуйте ввести следующие правила в свою таблицу стилей:

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

Возможно, вам придется изменить другие правила CSS, связанные с FLIR, чтобы учесть тот факт, что сгенерированные изображения теперь выровнены по вертикали относительно верха соответствующих родительских элементов.

person Brian D'Astous    schedule 06.04.2010

arrow_upward
1
arrow_downward

Прошло некоторое время с тех пор, как я использовал FLIR, но я помню, что был внутренний метод кеширования, который извлекал из кеша при загрузке, а не генерировал его каждый раз.

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

Кроме того, на странице не может быть слишком много файлов одновременно. Я обнаружил, что оптимальным для производительности было от 6 до 10.

Вы на виртуальном хостинге? Ваш css / js сжат? Я обнаружил, что первоначальная загрузка была немного медленной, но довольно быстрой после создания изображений.

person Kevin    schedule 05.04.2010
comment
Спасибо за ответ, Кевин. У меня общий хостинг для разработчиков, но я перейду на VPS для развертывания, и я еще не минимизировал CSS / js, но сделаю это, прежде чем мы начнем. К сожалению, кеширование включено, и загрузка по-прежнему не изящна. Что было бы замечательно, так это способ скрыть текст HTML, но показать замену FLIR; Я просто не понимаю, как лучше это сделать. - person justinbach; 05.04.2010