Что делает will-change?

Middle
135 просмотров
AFK Offer AI

will-change подсказывает браузеру, какое свойство будет анимироваться, чтобы он заранее оптимизировал рендеринг — выделил отдельный слой на GPU. Например, will-change: transform перед анимацией. Но злоупотреблять нельзя — каждый will-change потребляет память GPU. Ставить на всё подряд или на body — антипаттерн. Лучше добавлять через JS перед анимацией и убирать после. В большинстве случаев CSS-анимации с transform/opacity и так оптимизируются браузером.

Следующий вопрос

Как реализовать code editor с подсветкой синтаксиса?