Flash из нестандартного содержимого (FOUC) в Firefox 3.5+ - PullRequest
Новая
       29

Flash из нестандартного содержимого (FOUC) в Firefox 3.5+

1 голос
/ 30 сентября 2010

Мы подошли к концу нашей привязи, пытаясь преодолеть неприятный и неустойчивый FOUC в Firefox 3.5.x + для нового выпуска, над которым мы работаем.

Мы пробовали:

  • Отключение JavaScript в FF
  • Использование режима рендеринга Quirks путем удаления DOCTYPE
  • Переход от @import для дополнительного CSS к <link>
  • Включение и выключение объединения
  • Удаление CSS-файлов из concat, по одному
  • Отключение локального кэша в Firefox
  • и т.д.

В нашем предыдущем выпуске никогда не было проблем с FOUC, поэтому мы сделали это с этим выпуском. Внесенные нами изменения включают в себя:

  • Использование изображений в кодировке Base64 через URI данных для всех декоративных изображений, предоставляемых через CSS.
  • Отделение CSS-файлов, связанных с framework, от CSS для конкретной страницы и объединение их в два отдельных CSS-файла

Чтобы воссоздать проблему ... используйте Firefox 3.5.x или 3.6.x, затем:

  1. Зайдите на: http://my.publisher -subdomain.env.yola.net /
  2. Войти с именем пользователя: 'stack@yola.com' и паролем: 'stackoverflow'
  3. После входа в систему вы должны быть на http://my.publisher -subdomain.env.yola.net / sites /
  4. Нажмите ссылку Учетная запись в главном меню.
  5. Страница учетной записи должна загрузиться, и вы должны увидеть FOUC. Если FOUC не появляется, очистите кэш и перезагрузите страницу.

Ваша помощь будет принята с благодарностью! :)

UPDATE:

Среда разработки по-прежнему демонстрирует FOUC, но только в том случае, если в FireFox недостаточно памяти или установлено много расширений. Задержка и скорость рендеринга определенно влияют на видимость этого FOUC.

Ответы [ 2 ]

6 голосов
/ 19 февраля 2012

Хотя это очень старый вопрос, я нашел его, когда искал решение той же проблемы. Итак, я хотел опубликовать решение для дальнейшего использования. Мне просто нужно было переместить ссылку на мои файлы CSS над ссылками на внешний Javascript, который должен был быть в моем заголовке.

0 голосов
/ 30 сентября 2010

Я могу ошибаться, но это может быть проблемой одновременных подключений. Согласно вкладке "Чистая" моего Firebug

alt text

HTML-страница просто загружается много времени - возможно, также потому, что она находится на сервере разработки? - и таблица стилей загружается после HTML-страницы.

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

Вероятно, было бы также неплохо вернуться к обычным изображениям вместо данных: URI - это уменьшило бы размер таблицы стилей, а данные: URI вообще не будут работать в IE <8. </p>

...