Де розміщувати css і js файли - на початку або наприкінці документа stack overflow російською
Як, все-таки, правильно підключати стилі і js файли?
У багатьох джерелах зазначено, що найбільш вірним є такий спосіб: css на початку (в head), а js в кінці, перед закриттям. Але коли я дивлюся на найбільших ресурсах як це зроблено, то виходить всюди по-різному, але ж, як я розумію, найбільші ресурси піклуються про швидкість завантаження сайту в першу чергу. Хтось все розміщує в head, хтось і так, і сяк.
Або тут є якісь "підводні камені" на які варто звернути увагу? Просто дуже цікаво. Сам завжди розміщую css на початку, а все js в кінці.
заданий 1 Вересня '16 о 10:52
Чому модель css вгорі, js внизу більш приваблива?
Тут важливий момент це те, що браузер завантажує сторінку зверху вниз
Є сторінка на якій скрипти і стилі вгорі
Приблизний сценарій її завантаження буде такою:
- Завантаження стилів
- Завантаження скриптів
- Завантаження решті розмітки
У даному сценарії є недолік, до моменту відображення безпосередньо контенту сторінки браузер повинен завантажити стилі і скрипти, що дає досить велику затримку якщо це великий ресурс.
Є сторінка на якій стилі вгорі, а скрипти перед закриває тегом body
Приблизний сценарій її завантаження буде такою:
- Завантаження стилів
- Завантаження розмітки
- Завантаження скриптів
У даному сценарії є переваги в порівнянні з першим, до моменту відображення безпосередньо контенту сторінки браузер повинен завантажити тільки стилі, а скрипти він завантажить в останню чергу, що дозволяє користувачеві швидше побачити вміст сторінки.
Чому стилі варто залишати вгорі? Якщо стилі також як і скрипти перенести вниз сторінки то розмітка після завантаження буде не стилізована, що буде виглядати досить непривабливо до моменту завантаження стилів.
відповідь даний 1 Вересня '16 об 11:26