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

Question

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

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

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

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

Любой вход оценивается, спасибо.

Answer 1

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

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

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

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

Не нужно загружать jQuery и кучу плагинов в теге <script>, что определенно влияет на восприятие времени загрузки. Возможно, какое-то поведение не срабатывает в течение нескольких секунд, но хорошо. Btw, для избежания FOUC или Flash проблем с неопределенным поведением, плагин jQuery liveQuery замечательный. Инвалидирующие работы тоже, но ...