Головна »Створення сайту, розкрутка сайту
![Оптимізація порядку завантаження стилів і скриптів (де потрібно розміщувати стилі) Оптимізація порядку завантаження стилів і скриптів](https://images-on-off.com/images/127/optimizatsiyaporyadkazagruzkistileyiskri-4a329838.jpg)
У якому порядку потрібно завантажувати стилі і скрипти на сайті?
Що раніше: стилі або скрипти?
Для того щоб відповісти на питання «Що потрібно завантажувати раніше: стилі або скрипти? », Необхідно знати деякі моменти завантаження стилів і скриптів:
- Процес завантаження стилів і скриптів може проходити одночасно.
- Багато браузери припиняють завантаження наступних елементів, поки не закінчиться процес виконання скрипта.
Дані два пункти в сумі говорять про те, що в першу чергу потрібно завантажувати стилі, і тільки потім завантажувати скрипти. Чому так, а не інакше, можна пояснити на прикладі:
![Оптимізація порядку завантаження стилів і скриптів (стилів) Оптимізація порядку завантаження стилів і скриптів](https://images-on-off.com/images/127/optimizatsiyaporyadkazagruzkistileyiskri-574c806f.png)
Наведений вище приклад - приклад не надто вдалою послідовності виклику стилів і скриптів. Наведені вище скрипти та стилі необхідно завантажувати в наступній послідовності:
![Оптимізація порядку завантаження стилів і скриптів (чи варто викликати скрипти раніше стилів) Оптимізація порядку завантаження стилів і скриптів](https://images-on-off.com/images/127/optimizatsiyaporyadkazagruzkistileyiskri-5f67b3a3.png)
Як бачите, в даному випадку всі стилі і один скрипт завантажуються в один і той же час. Процес завантаження наступного скрипта починається відразу ж після виконання першого скрипта. Таким чином ми зекономили 100 мілісекунд (на ділі ж виграш може бути або більше, або менше), так як 100 мілісекунд тут вказані тільки для ефектності прикладу.
Де краще розміщувати скрипти?
Натисніть, якщо я зумів Вам допомогу
Видалення рядка запитів в URL статичних ресурсів
![Оптимізація порядку завантаження стилів і скриптів (чи варто викликати скрипти раніше стилів) Оптимізація порядку завантаження стилів і скриптів](https://images-on-off.com/images/127/optimizatsiyaporyadkazagruzkistileyiskri-17bf571e.jpg)
Як відновити пароль від Windows?
![Оптимізація порядку завантаження стилів і скриптів (чи варто викликати скрипти раніше стилів) Оптимізація порядку завантаження стилів і скриптів](https://images-on-off.com/images/127/optimizatsiyaporyadkazagruzkistileyiskri-418a095f.jpg)
Як підключити мережеву папку в Windows?
![Оптимізація порядку завантаження стилів і скриптів (де потрібно розміщувати стилі) Оптимізація порядку завантаження стилів і скриптів](https://images-on-off.com/images/127/optimizatsiyaporyadkazagruzkistileyiskri-0133e389.jpg)
Як налаштувати підключення до Інтернету на Windows XP?
![Оптимізація порядку завантаження стилів і скриптів (оптимізація порядку завантаження стилів і скриптів) Оптимізація порядку завантаження стилів і скриптів](https://images-on-off.com/images/127/optimizatsiyaporyadkazagruzkistileyiskri-d1c38f60.jpg)
Налагодження підключення до Інтернету на Windows Vista
![Оптимізація порядку завантаження стилів і скриптів (завантаження) Оптимізація порядку завантаження стилів і скриптів](https://images-on-off.com/images/127/optimizatsiyaporyadkazagruzkistileyiskri-451e866b.jpg)
Брандмауер Windows в режимі підвищеної безпеки
![Оптимізація порядку завантаження стилів і скриптів (скриптів) Оптимізація порядку завантаження стилів і скриптів](https://images-on-off.com/images/127/optimizatsiyaporyadkazagruzkistileyiskri-71420e2b.png)
Диспетчер облікових записів Windows
![Оптимізація порядку завантаження стилів і скриптів (потрібно завантажувати стилі) Оптимізація порядку завантаження стилів і скриптів](https://images-on-off.com/images/127/optimizatsiyaporyadkazagruzkistileyiskri-b9cc3c19.jpg)
Як скопіювати текст з захищеного сайту