FLIR: избегать безобразных загрузок страниц
Я создаю сайт, который широко использует FLIR, чтобы разрешить использование не-websafe шрифтов. Однако загрузка страниц является уродливым процессом, так как сначала загружается текстовая версия HTML каждого поля, а затем (несколько сотен миллисекунд спустя) она заменяется аналогом FLIR-изображения.
Есть ли способ избежать такого рода вещей? У меня будет презентация клиента через несколько часов, и я знаю, что это поднимет брови. Моя ситуация в некотором роде связана с этим вопросом, касающимся sIFR, а не FLIR. Есть идеи?
Спасибо,
Джастин
2 ответа
Попробуйте добавить следующие правила в вашу таблицу стилей:
.flir-replaced{text-indent:-5000px;}
.flir-image{display:block;}
Возможно, вам придется изменить другие правила CSS, связанные с FLIR, чтобы учесть тот факт, что сгенерированные изображения теперь выровнены по вертикали с верхом соответствующих родителей.
Прошло много времени с тех пор, как я использовал FLIR, но я помню, что был внутренний метод кэширования, который извлекал бы из кэша при загрузке, а не генерировал его каждый раз.
http://docs.facelift.mawhorter.net/configuration:settings
Кроме того, вы не можете иметь слишком много на странице одновременно. Я обнаружил, что между 6-10 были оптимальными для производительности.
Вы на виртуальном хостинге? Сжат ли ваш css/js? Я обнаружил, что начальная загрузка была немного медленной, но довольно быстрой после генерации изображений.