Как внедрить Critical CSS и как это улучшит метрики загрузки

Одна из особенностей ВКонтакте — большое количество страниц, которые динамически изменяются в зависимости от пользовательских настроек, проводимых A/B-тестов и разнообразия контента. Это делает традиционный подход к генерации Critical CSS на этапе сборки невозможным. Вместо этого мы разработали метод генерации Critical CSS в рантайме.

Для реализации этой идеи был создан собственный алгоритм, разработка которого потребовала много времени и таила множество подводных камней.

Доклад будет особенно полезен тем, кто стремится улучшить метрики загрузки веб-приложений. Расскажу о нашем алгоритме быстрой генерации Critical CSS в рантайме и дам советы, на что следует обратить внимание при написании сложных алгоритмов.