Швидкість Низький вплив Просте 30–60 хв

Inline-стилі

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

Що це

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

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

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

Як це зробити

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

Висновок

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

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