Вышло новое трансформационное обновление Divi Performance, которое ускоряет Divi со всех сторон. Оно закладывает фундамент, на котором тема может расти с большим количеством модулей и функций, ничего лишнего не добавляя на сайт.
Это обновление превратило темы Divi и Extra в супер легкие темы, модульно настроив их PHP-фреймворки и активы, загружая и обрабатывая только то, что необходимо по требованию в зависимости от используемых модулей и функций.
Тема теперь сама автоматически определяет критические CSS, откладывая некритические стили и сокращая вывод CSS в Divi Builder за счет объединения дублирующихся стилей.
Также внесен ряд новых опций, которые автоматически повышают производительность за счет кэширования и отсрочки различных блокирующих рендеринг запросов и удаления ненужных ресурсов.
Вот какие показатели скорости на тестовом сайте.
Из тяжеловесов в легковесы
В этом тестовом сайте, который был создан для новой версии Divi, размер CSS был уменьшен на 94%. Все блокирующие рендеринг активы были полностью устранены, а размер JavaScript в Divi был сокращен вдвое. Это потому, что новая версия Divi устраняет нагромождения и дает свободу в создании быстрых, легких сайтов.
Почти идеальные показатели PageSpeed из коробки
Было легко создать сайт Divi, который получил 100 баллов в Google PageSpeed Desktop, 99 в Google PageSpeed Mobile и 100% в GTmetrix, используя стандартный хост WordPress и CDN без дополнительных плагинов производительности. Это потому, что новые функции Divi по увеличению скорости устраняют запросы, блокирующие рендеринг, удаляют ненужные запросы к ресурсам и позволяют контенту сразу же отображаться.
Теперь давайте посмотрим, как новая версия Divi позволяет так легко создать супербыстрый сайт.
Divi устраняет разрастание кода
Новая версия Divi устраняет раздутость и дает лучшее из двух миров: мощь визуального конструктора страниц Divi Builder с легкостью темы.
- динамический php фреймворк,
- динамичеcкая CSS,
- умные стили,
- оптимизация javascript,
- критический CSS для Divi.
Новые возможности повышения скорости сайтов на Divi
- Кэширование шрифтов Google
- Удаление эмодзи WordPress,
- Отсрочка загрузки таблицы стилей Gutenberg,
- Динамические иконки
- Отсрочка загрузки JQUERY
- Строчная таблица стилей
Подробно об ускорении сайтов, построенных на теме Divi можно почитать у меня в блоге.