Настройки темы WordPress: как ускорить твой шаблон

Помните бородатый анекдот про сына программиста? «Каждый день работает? — Да, каждый день. — Тогда ради бога, сынок, ничего не трогай, ничего не меняй». Как ни странно, но в нашем случае этот метод скорее мёртв, чем жив. Несмотря на все заявления разработчиков о небывалой скорости и 99 баллов в Page Speed, в реальности допиливать шаблон приходится своими собственными силами

Что можно улучшить?

Почти все современные вордпресс шаблоны — адаптивные. Т.е. одинаково хорошо смотряться, как на десктопе, так и на смартфоне. Это, несомненно, плюс, но при настройке темы придётся учитывать этот факт — ведь изменения могут повлиять на вёрстку, UI/UX, и размер изображений. Впрочем, универсальных советов вам вряд ли кто-то даст, потому что темы хоть и схожи по структуре (хедер и футер, всё по канонам), но всё равно отличаются друг от друга по возможностям кастомизации

Отключение поддержки GIF-анимации

Это позволит значительно сократить время загрузки, особенно на мобильных телефонах, использующих передачу данных, а не Wi-Fi. Если уж так нужно добавить интерактив, вставляйте HTML5-видео файлы, они значительно легче, чем GIF

Ограничьте количество превью на главной

Чтобы повысить параметр TTI (Time to Interactive) — время до взаимодействия, не стоит вываливать сразу всё, что у вас есть для посетителей. Сделайте постраничную навигацию (желательно, чтобы контент подгружался без перезагрузки страницы, как сделано у нас на главной).

Отключите карточку автора

На каждой демо-версии шаблона с themeforest в посте вы увидите карточку автора. Спору нет, иногда нужно знать, кто писал конкретный материал, чтобы оценить его компетентность. Но так ли необходимо вставлять это в каждую статью? А если она еще и с большой фотографией, а полезной информации минимум?

Сделайте отдельную страницу про каждого из авторов — если кому-то будет интересно почитать про него, он обязательно найдет нужную информацию. В ином случае, пихать карточку автора в каждую заметку нецелесообразно с точки зрения скорости загрузки

Уберите реакции с постов

Они никому не нужны. Нет, серьезно. Такое баловство в своё время было даже на популярном портале The Flow, но редакция быстро выпилила ненужный довесок. Суть в том, что в конце статьи установлен отдельный блок, где нужно выбрать какую реакция вызвала у вас статья с помощью эмодзи.

Мало того, что это выглядит странно и ворует лишний трафик, так еще не очень понятно, какой анализ могут провести с помощью мэтчинга таких данных? Кому он нужен?

Включите ленивую загрузку изображений

То, что делали раньше только плагины, сейчас есть в каждой современной теме WordPress. Даже ленивый веб-мастер слышал про Lazy Load. Эта технология позволяет загружать картинки только тогда, когда они окажутся в видимой части страницы, т.е. только тогда, когда пользователь до неё доскролит. Это существенно облегчает загрузку на мобильных устройствах и сильно рекомендуется тем сайтам, у которых много крупных изображений в постах.

Ну, и не забудьте все картинки в webp-формат перевести.

Как вам статья?