head.js и адаптивный веб-дизайн - PullRequest
Новая
       26

head.js и адаптивный веб-дизайн

2 голосов
/ 20 января 2012

Я изучал технологии адаптивного веб-дизайна и head.js, и у меня есть несколько вопросов.

  • Какое реалистичное сокращение времени загрузки head.js вы испытали при отложенной загрузке внешних js-файлов?
  • Сколько дополнительных усилий необходимо предпринять для предотвращения проблем Flash of Unstyled Content?
  • Полезны ли все функции CSS в head.js для создания адаптивного дизайна (для экранов разных размеров, устройств и т. Д.)?
  • Играет ли head.js ленивая загрузка изображений и плагинов?

Будут ли люди рекомендовать что-то другое, когда мы пытаемся сделать следующее:

  • Быстрое и эффективное время загрузки большого количества файлов JavaScript
  • Сокращение времени разработки и увеличение UX для нескольких устройств, размеры экрана
  • Расширяемость крупномасштабного приложения
  • Следуя лучшим рекомендациям

Любой вклад приветствуется, спасибо.

1 Ответ

7 голосов
/ 20 марта 2012

Мои два цента:

У меня были некоторые проблемы с head.js, и в итоге я решил использовать script.js для асинхронной загрузки Javascript.Для сайтов, над которыми я работаю, большая часть функциональности является статической или имеет запасные варианты.Проблемы FOUC, как правило, устраняются путем скрытия содержимого (с помощью css) до тех пор, пока не будет загружен javascript (а затем не показаны с использованием javascript).А поскольку Javascript кэшируется, мне действительно нужно беспокоиться только о загрузке первой страницы.

Modernizr предоставляет вам все функции обнаружения из head.js.Объедините его с html5shiv, и вы получите загрузчик HTML5 IE из head.js.Медиа-запросы CSS3 лучше всего отвечают на ширину экрана (и answer.js можно использовать для добавления поддержки IE 6-8).Эти сценарии, вероятно, лучше всего загружать с традиционным тегом <script> вместо асинхронного загрузчика.В идеале все они должны быть сжаты в один файл.

Modernizr автоматически скрывает любой контент с классом .no-js CSS.Я также нашел полезным создать класс .js, спрятать его в файле CSS и показать с помощью javascript после завершения всех необходимых сценариев.

Отсутствие необходимости загружать jQuery и несколько плагинов в *Тег 1014 * определенно влияет на восприятие времени загрузки.Может быть, какое-то поведение не срабатывает в течение нескольких секунд, ну да ладно.Между прочим, для избежания проблем FOUC или Flash с неопределенным поведением, плагин jQuery liveQuery великолепен.Подкладка тоже работает, но ...

...