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

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

Оптимизация шаблона WordPress

Кроссбраузерность. Под этим словом понимается правильное отображение шаблона (темы) WordPress блога в различных браузерах (Google Chrome, Opera, Mozilla FireFox и с недавнего времени Яндекс). Некоторые элементы дизайна в зависимости от среды, в которой вы его открываете могут либо изменить свое место положение или вид, либо вовсе исчезнуть.

Проверку можно осуществить в ручном режиме или воспользоваться специальным сервисом «Browsershots», который позволяет увидеть ваш сайт не только через различные браузеры (проводники), но и операционные системы (Windows, Linux или Mac).

http://Browsershots.org

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

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

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

Если у вас, что-то не так, то советую вам это скорее исправить. В противном случае это может привести к резкому падению посещаемости, снижение позиции и прочего.

Буфер вывода. При открытии страницы для посетителей, сначала поочередно загружаются элементы дизайна, далее различные заголовки и в последнюю очередь контент. Скорость будет зависеть не только от самого движка, хостинга и скорости соединения с интернетом, но и от степени оптимизации шаблона (темы) на WordPress блоге. Для того, чтобы изменить эту очередность, мы назначим порядок, который будет начинаться с CSS файла и основного контента и так далее. Использовать мы будем специальную функцию, которую нужно разместить в файле header.php после закрывающего тега . Вот она:

Перед внесением изменений не забудьте сделать резервную копию.

Оптимизация файлов. Css и javascript файлы имеют свое место в абсолютно любом шаблоне или теме WordPress. Для снятия дополнительной нагрузки и ускорения загрузки следует придать эти файлы оптимизации. Существуют различные онлайн инструменты, правда большинство из них англоязычные, среди которых особенно выделяются:

http://www.css-school.ru/optimiser/

http://www.csscompressor.com/

Избегайте размещения JavaScript непосредственно в самом контенте. Это не только приводит к медлительности, но и появлению подозрений со стороны Яндекс, так как он считает их за вирус.

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

Есть несколько правил, которых стоит придерживаться.

• Во-первых, не используйте изображения ширина которых больше размера контента.
• Во-вторых, их вес должен быть минимален и измеряться в байтах или килобайтах.
• В третьих, желаемое расширение файлов должно быть «png» или «gif».
• В четвертых, перед его размещением прогоните картинку через специальное программное обеспечение «Smush.it», вот ссылка на него:

http://www.smushit.com/ysmush.it/

Достаточно нажать на вкладку «Uploader» и «SElect Files and Smush», выбрать картинку и нажать «Открыть». Далее скачиваете ее и размещаете.

Так же можете использовать плагин «Wp-Smush.it», который будет делать сжатие в автоматическом режиме. Найти его можно здесь:

http://wordpress.org/plugins/wp-smushit/

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

С уважением, Дороднов Иван

(6 голос, средний: 5,00 из 5)

 Loading ...