Размещайте стили вверху

Оглавление

Сбросить всё

Английский оригинал	Перевод на русский
Сожалеем, но текст оригинала доступен только зарегистрированным пользователям.	Во время исследования производительности на Yahoo! мы обнаружили, что перемещение стилей в заголовок страницы ускоряет загрузку. Это происходит из-за того, что страница таким образом может отрисовываться последовательно. Alexasa 28.08.12 в 09:49 0
	Разработчики интерфейсов, которые заботятся о производительности, хотят, чтобы страница отображалась последовательно, то есть мы хотим, чтобы браузер начинал отображать данные как можно быстрее. Особенно это важно для страниц с большим количеством контента и для пользователей с медленным интернет-соединением. Важность предоставления пользователям визуального фидбека, вроде индикатора прогресса, хорошо исследована и задокументирована. В нашем случае сама страница становится индикатором! Когда браузер постепенно загружает страницу, сначала заголовок, навигацию, логотип и т.д., все элементы выступают как визуальный фидбек пользователю, ожидающему загрузки страницы. Это улучшает общее впечатление. Alexasa 28.08.12 в 09:51 0
	Проблема помещения стилей внизу документа в том, что это препятствует постепенной отрисовке во многих браузерах, в том числе в IE. Эти браузеры блокируют отрисовку, во избежание необходимости перерисовки в результате изменения стилей. И пользователю приходится смотреть на пустую страницу. Alexasa 28.08.12 в 13:24 0
	В спецификации HTML четко сказано, что стили должны находиться в заголовке страницы: "В отличие от A, [LINK] могут появляться только в секции HEAD документа, хотя и любое количество раз." Ни одна из альтернатив, пустой экран или контент без стилей, не стоит риска. Оптимальным решением является следование HTML спецификаций и размещение ваших стилей в заголовке документа. Alexasa 28.08.12 в 15:11 0