Техническая оптимизация WordPress

Техническая оптимизация WordPress

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

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

Уважаемые читатели, прежде чем вы приступите к изучению данной статьи, я попрошу вас сделать «замер производительности» вашего сайта. Рекомендую использовать сервис gtmetrix (он бесплатный), просто вбейте ссылку на ваш сайт/блог и дождитесь результатов. Запомните их, после моих рекомендаций, повторите замер и в комментарии скажите спасибо 😜

Как увеличить скорость сайта на wordpress

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

Выбор надежного хостинг — провайдера, это самый первый и один из самых важнейших пунктов. Выбирайте его основываясь не только на стоимости, но и на качестве. Приведу несколько советов:

  • Выбирайте только SSD диски. Не берите HDD+SSD и уж точно не HDD.
  • Качественная техническая поддержка. Согласитесь, если однажды вы захотите опубликовать новую статью, а ваш сайт не открывается. Ситуация не приятная и вот тут как раз таки на помощь придет техническая поддержка, поэтому, она должна быть быстрой. 
  • Не ведитесь на низкие цены, низкая цена — это либо новичок на рынке, либо техническая поддержка не ахти, либо оборудование не то, может быть оверселом занимаются или чего хуже не дают гарантированные ресурсы. 
  • Раньше было важно, чтобы сервер ваш находился «рядом» с вашими пользователями. Если например вы русскоязычный блог или медиа, значит и сервер вам нужен в России, чтобы уменьшать пинги, задержки и т.д. Но взглянем правде в глаза, хороший хостинг провайдер даже с Луны даст вам хороший канал связи, отличное оборудование + низкие пинги и задержки. За свое время, я пользовался услугами различных провайдеров, как в России, так и за рубежом. Сейчас же я остановился на обычном, виртуальном хостинге от компании fornex (именно у него размещаются такие крупные порталы как pikabu, ЯП и т.д.). 

Код

К большому сожалению, WordPress генерирует большое число лишнего кода. В первую очередь это связано с количеством установленных плагинов и с шаблоном вашего сайта. Сам движок генерирует лишние мета-теги, все остальное генерирует ваша тема оформления. Поясню подробнее:

Сам движок wordpress генерирует различного рода ссылки, например RSD, WLW Manifest, короткие ссылки на записи вида /?p=1, ссылки на предыдущую и следующие записи, meta теги generation.

Лишний код генерируемый WordPress

На самом деле, эти ссылки особой роли не играют в продвижении, но они занимают «место» при генерировании ваших страниц, тем самым увеличивая общий вес всего 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

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

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

плагин clearfy
плагин clearfy

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

Внимание
Если после включения функций, которые я показал выше, ваш сайт стал работать неправильно, деактивируйте плагин! Чаще всего это связано с тем, что плагин минифицирует css и js файлы, и это может привести к сбоям в правильной работе сайта.

Заключение

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

Я думаю результат вас удивит. Для сравнения, результат моего блога, после оптимизации, которую я проделал

Результат теста gtmetrix
Результат теста gtmetrix

Вам также может понравиться

Автор: Алексей

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

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