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

Быстрое - это хорошо оптимизированное медленное

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Рейтинг
( Пока оценок нет )
Диджитал на минималках
Комментарии: 3
  1. eyebrow and eyelash serum

    752051 380235just couldnt leave your web web site before suggesting that I truly loved the regular info a person supply for your visitors? Is gonna be once again ceaselessly to check up on new posts 376702

  2. 바이낸스

    517693 684828Yay google is my world beater helped me to locate this wonderful internet internet site ! . 776039

  3. TREN 75

    219651 10144Cool text dude, maintain up the good function, just shared this with the mates 539926

Добавить комментарий

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: