Помилка підключення. Спробуйте ще раз.

Перейти до вмісту
SEO Tools
Довідка та документація
Швидкість Низький вплив Просте 30–60 хв

Inline-стилі

Багато style="..." погіршує кеш та підтримку.

Що це

Inline-стилі — це CSS, записаний прямо в атрибуті style="..." у елементів. У великій кількості вони збільшують HTML і не піддаються кешуванню чи повторному використанню.

Чому це важливо

HTML із безліччю inline-стилів більший (передається при кожному завантаженні) та гірше підтримується. Винятком є навмисний inline «critical CSS» у заголовку заради швидкості.

Як це зробити

  1. 1Перенесіть повторювані стилі до зовнішнього/об'єднаного CSS із класами.
  2. 2Inline залишайте лише для справді унікальних, динамічно обчислюваних значень.
  3. 3Навмисний critical CSS у <head> — це нормально, це не те саме.

Висновок

Низький пріоритет, радше питання чистоти й кешованості. Масові inline-стилі перенесіть до класів; винятком є свідомий critical CSS. Не вирішуйте це раніше за вагу зображень та блокуючі ресурси.

Повʼязані теми