Для успешного продвижения вашего сайта или блога, несомненно требуется качественный контент, изображения, сео-оптимизация. Но, не менее важный момент в правильном продвижении сайта, является еще и его техническая оптимизация.
Важно, чтобы поисковые системы правильно «видели» ваш сайт, необходимо уделить внимание и его технической составляющей. Правильно раставленые теги, отсутствие блокировки загрузки сайта различными скриптами, скорость работы сайта, время его загрузки и многое другое. В данной статье я попробую описать основные шаги, которые я предпринимаю, для технической оптимизации сайта.
Уважаемые читатели, прежде чем вы приступите к изучению данной статьи, я попрошу вас сделать «замер производительности» вашего сайта. Рекомендую использовать сервис gtmetrix (он бесплатный), просто вбейте ссылку на ваш сайт/блог и дождитесь результатов. Запомните их, после моих рекомендаций, повторите замер и в комментарии скажите спасибо 😜
Код
К большому сожалению, WordPress генерирует большое число лишнего кода. В первую очередь это связано с количеством установленных плагинов и с шаблоном вашего сайта. Сам движок генерирует лишние мета-теги, все остальное генерирует ваша тема оформления. Поясню подробнее:
Сам движок wordpress генерирует различного рода ссылки, например RSD, WLW Manifest, короткие ссылки на записи вида /?p=1, ссылки на предыдущую и следующие записи, meta теги generation.
На самом деле, эти ссылки особой роли не играют в продвижении, но они занимают «место» при генерировании ваших страниц, тем самым увеличивая общий вес всего html документа, а это нам совсем не на руку. Мы пытаемся наоборот избавиться от этих ссылок.
Это только стандартные ссылки и мета, но по мере установки дополнительных плагинов, такого лишнего кода становится куда больше. Многие плагины кэширования добавляют свои комментарии в код. Я думаю мысль понятна.
Для избавления от лишнего кода, можно воспользоваться специальными плагинами, по типу Webcraftic Clearfy или можно сделать это вручную. Но сразу хочу заметить, что вручную мы можем выключить генерирование стандартного лишнего кода самого движка и для этого нам понадобиться доступ к хостингу и умение редактировать файлы движка.
Для ручного способа, нам потребуется добавить несколько строк кода в файл functions.php вашей темы. В самом конце этого файла необходимо добавить эти строки:
remove_action(‘wp_head’, ‘feed_links’, 2);
remove_action(‘wp_head’, ‘feed_links_extra’, 3);
remove_action(‘wp_head’, ‘rsd_link’);
remove_action(‘wp_head’, ‘wlwmanifest_link’);
remove_action(‘wp_head’, ‘adjacent_posts_rel_link_wp_head’, 10, 0);
remove_action(‘wp_head’, ‘wp_shortlink_wp_head’, 10, 0);
remove_action(‘wp_head’, ‘wp_generator’);
Сохраните файл и если вы используете кэширование на сайте, сбросьте весь кэш.
Дальнейшие оптимизации с кодом, я предлагаю делать только через плагин Webcraftic Clearfy, чтобы при какой-то поломке, а они могут случиться, мы смогли все вернуть «как было».
Минификация кода.
Данный прием послужит нам для того, чтобы убрать лишние пробелы при генерации страницы. Например до минификации кода, «исходный» ваш будет иметь такого вида структуру с большими пробелами в документе, растягивая тем самым строки.
а вот так код будет выглядеть после минификации
Изображения
Огромный объем всего трафика идущего от вашего сайта к вашему читателю — это изображения! И если их грамотно не оптимизировать, то общий вес вашего сайта будет непозволительно огромным. Если вы фотограф, то не используйте оригиналы ваших фотографий. Прогоните их через фотошоп, измените размеры (800х600) например, можно и меньше. Не нужно использовать FHD и больше.
А если вы фотограф или вам может быть просто лень возиться с обработкой изображений, то возьмите себе на вооружение плагин LazyLoad (ленивая загрузка). Данный чудо монстр откладывает загрузку изображений, если они не попадают в видимую область вашего сайта — это значит, что когда пользователь листает вашу статью, изображения будут догружаться только тогда, когда читатель до этого изображения пролистает.
Очень советую использовать LazyLoad даже если вы оптимизируете изображения, поверьте мобильные пользователи вам будут благодарны.
Оптимизация движка с плагином Webcraftic Clearfy
Как я уже говорил, этот чудо модуль делает всю работу с кодом в пару кликов. Первым делом, найдите его в каталоге плагинов вашего сайта, установите и активируйте его.
Открывайте управление плагином и сразу смело нажимайте кнопки на главной (я настоятельно рекомендую кликать кнопки по очереди, сбрасывать кэш сайта и проверять его правильную работу). Я отметил красными стрелками те кнопки, которые можно нажимать, остальные я не советую.
На этом можно уже закрывать этот плагин, так как он свою магическую работу уже выполнил.
ВниманиеЕсли после включения функций, которые я показал выше, ваш сайт стал работать неправильно, деактивируйте плагин! Чаще всего это связано с тем, что плагин минифицирует css и js файлы, и это может привести к сбоям в правильной работе сайта.
Заключение
Помните, в самом начале статьи, я просил вас сделать замер скорости работы вашего сайта, я надеюсь вы это сделали, и сейчас пришло самое время, сделать его повторно.
Я думаю результат вас удивит. Для сравнения, результат моего блога, после оптимизации, которую я проделал
