Перейти к содержимому

Чеклист оптимизации сайта. Пример

  • автор:

Довелось мне разобраться с чеклистом на допиливания одного сайта под СЕО. Давайте разберемся с пунктами чеклиста и что с ним делать.

Incorrect use of  «label for=FORM_ELEMENT» — не критично(но желательно решить)

В Contact form 7 используются label-ы.

Попробовать обновить плагин Contact Form. попробовать сменить шаблон. Кодить.

Убрать из консоли все предупреждения — не критично(но желательно решить)

В «инструментах разработчика» в браузере Chrome в консоли видна только ошибка, что фейсбук не отображается, но это потому, что в РФ Facebook заблокирован. В остальном — норм:)

В документе нет элемента title

Title есть, но он пустой.

Возможно не прописан тайтл в настройках главной страницы.

Если стандартно тайтл не получается добавить, можно попросить нейросеть написать JS код, который изменит тайтл и внедрить потом этот код через плагин Code Snippets тыц.

После установки плагина нажимаем в админке «Сниппеты» и переходим к добавлению Javascript.

Здесь мы увидим уже подготовленную часть кода.

Вставляем код JS, который нам написала нейросеть и жмем кнопку «Активировать» 🙂

Проверяем — Тайтл изменился на надпись «новый тайтл».

 

Текст ссылок неразличим для программ чтения с экрана(Ссылки невозможно просканировать)

Погуглю

В документе нет метаописания

Попробовать плагин Easy WP Meta Description тыц.

Используйте современные форматы изображений или прогнать через Tinypng и уменьшить размер фото и прописать alt атрибут к каждому фото)

Плагин Robin image optimizer тыц должен помочь.
Современнейший формат изображения, это WEBP, но он открывается не во всех браузерах, поэтому просто сожмем все картинки.

В настройках можно сильнее сжимать, выбрав режим в настройках «С потерями».

EXIF картинок (информация о фотоаппарате, авторе картинки и т.д.) можно убрать, если картинки брались с сторонних ресурсов и там могут быть любая лишняя информация и занимать больше места на сайте.

Прописать alt можно в админке в стандартном разделе «Медиафайлы».

Каждый файл картинки открываем и прописываем Alt.

Настройте эффективную кодировку изображений

Уже говорилось выше о плагине Robin image optimizer.

Задайте правила эффективного использования кеша для статических объектов (htaccess)

Должен помочь плагин Wp super cache тыц.

После установки зайти в его настройки и включить галочку «Кеширование» и нажать кнопку «Обновить».

А также будет супер, если включить в настройках этого плагина сжатие GZIP, оно спрятано под простым названием «Сжимать файлы кеша».

Нажимаем чуть ниже кнопку «Обновить» и скорость сайта уже прилично должна подняться.

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

Уже намного будет лучше.
Но если мало — попробовать это, либо это.

Всегда при редактировании htacces надо сохранять его старую версию, на случай если ляжет сайт, чтоб вернуть назад.

Пассивные прослушиватели событий не используются для улучшения производительности при прокрутке

Не всегда получается убрать пассивные прослушиватели, если сайт собран конструктором, там много js кода и прийдется много кодить, или еще лучше — написать сайт с нуля программированием, но это может занять месяц, при опыте программирования.

Здесь хорошо описано что это может быть бессмысленно: https://drupal.ru/node/143501

Предотвратите чрезмерную нагрузку на сеть

Грубо говоря вес тестируемой страницы сайта надо уменьшить и на первом месте — это сжать картинки и плагинами оптимизации чуть сократить код JS, CSS, HTML и закешировать.

Как вариант, поможет плагин Webcraftic Clearfy тыц.

И еще я юзал и тестил вот такой плагин тыц.

Можно пробежаться автоматически по некоторым «Сделать». После ускоряшек обязательно проверить функции сайта.

После этого код JS, CSS, HTML может стать чуть менее увесистей.

Есть еще плагины, которые более жестко чистят код, но в использовании могут зацепить важные файлы сайта.

Удалите неиспользуемый код JavaScript

Возможно весь код нужен, но слегка сократить его можно, описано выше про Webcraftic Clearfy.

Удалите неиспользуемый код CSS

Либо прогить, либо быстро и поверхностно через плагин Webcraftic Clearfy.

Вывод

Даже если все максимально исправить, иногда сервис проверки скорости сайта все равно рекомендует что-то исправить и ускорить. Я в свое время перебрал кучу плагинов и шаблонов и пришел к выводу — использовать легкий шаблон, типа «Hello Elementor» а также использовать сжатые картинки и минимум наворотов на сайт. Тогда он будет быстрый.

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

Ваш адрес email не будет опубликован. Обязательные поля помечены *