Оптимізація порядку завантаження стилів і скриптів

Головна »Створення сайту, розкрутка сайту

Оптимізація порядку завантаження стилів і скриптів

У якому порядку потрібно завантажувати стилі і скрипти на сайті?

Що раніше: стилі або скрипти?

Для того щоб відповісти на питання «Що потрібно завантажувати раніше: стилі або скрипти? », Необхідно знати деякі моменти завантаження стилів і скриптів:

  1. Процес завантаження стилів і скриптів може проходити одночасно.
  2. Багато браузери припиняють завантаження наступних елементів, поки не закінчиться процес виконання скрипта.

Дані два пункти в сумі говорять про те, що в першу чергу потрібно завантажувати стилі, і тільки потім завантажувати скрипти. Чому так, а не інакше, можна пояснити на прикладі:

Оптимізація порядку завантаження стилів і скриптів

Наведений вище приклад - приклад не надто вдалою послідовності виклику стилів і скриптів. Наведені вище скрипти та стилі необхідно завантажувати в наступній послідовності:

Оптимізація порядку завантаження стилів і скриптів

Як бачите, в даному випадку всі стилі і один скрипт завантажуються в один і той же час. Процес завантаження наступного скрипта починається відразу ж після виконання першого скрипта. Таким чином ми зекономили 100 мілісекунд (на ділі ж виграш може бути або більше, або менше), так як 100 мілісекунд тут вказані тільки для ефектності прикладу.

Де краще розміщувати скрипти?

Натисніть, якщо я зумів Вам допомогу

  • Оптимізація порядку завантаження стилів і скриптів

Видалення рядка запитів в URL статичних ресурсів

  • Оптимізація порядку завантаження стилів і скриптів

    Як відновити пароль від Windows?

  • Оптимізація порядку завантаження стилів і скриптів

    Як підключити мережеву папку в Windows?

  • Оптимізація порядку завантаження стилів і скриптів

    Як налаштувати підключення до Інтернету на Windows XP?

  • Оптимізація порядку завантаження стилів і скриптів

    Налагодження підключення до Інтернету на Windows Vista

  • Оптимізація порядку завантаження стилів і скриптів

    Брандмауер Windows в режимі підвищеної безпеки

  • Оптимізація порядку завантаження стилів і скриптів

    Диспетчер облікових записів Windows

  • Оптимізація порядку завантаження стилів і скриптів

    Як скопіювати текст з захищеного сайту