Теперь доступно экспериментальное изменение, позволяющее добавить пользовательский логотип SVG или анимацию на экран загрузки! Пока это не поддерживается официально за пределами данного эксперимента, так как мы хотим провести дополнительное тестирование, чтобы убедиться, что это не повлияет на производительность и индексацию поисковыми системами.
Нетерпеливые администраторы могут включить эту функцию в разделе /admin/config/upcoming-changes — это активирует новый параметр сайта «Изображение экрана загрузки». Это должно быть изображение в формате SVG, чтобы мы могли внедрить его в страницу.
В файлах SVG можно использовать переменные цветов, такие как var(--primary), var(--secondary) и var(--tertiary), для поддержки тёмной темы.
При добавлении логотипа мы отображаем точки и логотип:
При загрузке анимированного SVG мы отображаем только анимацию:
Обратите внимание: в SVG необходимо использовать CSS-анимацию с трансформацией (transform) или прозрачностью (opacity), так как они работают в отдельном слое и не блокируются рендерингом JavaScript. Мы пытались разрешить анимацию SMIL, но она приводила к задержкам.