вторник, 2 августа 2016 г.

Урок №2. Оптимизация работы сайта


Оптимизация работы сайта это очень сложная тема для начинающих спецов ( к коим приписываю я себя).
Так что не ругайте мня строго. А я по-простому "по-ламерски" попробую рассказать о том, что сама понимаю и что нужно сделать для оптимизации вашего сайта.
Ускорение загрузки сайта на сегодняшний день не только рекомендация, но и требование поисковых систем иначе вас просто будут не индексировать т.е. вы не появитесь в поиске. По этому данному вопросу придется уделить немало времени.
Предыдущий пункт был более ознакомительным, со ссылками на полезные материалы. Если вы их проигнорировали ничего страшного, сейчас я их продублирую. 
1. Gzip сжатие в WordPress.
Проверить на сжатие ваш сайт вы всегда можете тут: http://www.whatsmyip.org
Одним из самым простых является установка плагина  WP HTTP Compression, который даже не требует настроек. Но отзывы о нем не ахти какие.

Вторым вариантом для ускорения сайта является  W3 Total Cache. Он позволит не только сжать ваши данные, но и настроить дополнительные функции для быстрой загрузки страниц.

Так же рекомендую ознакомиться с плагином Autoptimize для оптимизации CSS, JS, HTML, он прост в использовании.

2. Кеширование страниц. 
Следующим этапом будет включение кэширования с плагином WP Super Cache это сделать очень просто. 

3. Мобильная версия сайта.
Адаптация сайта под мобильные устройства с помощью плагина WPtouch Mobile Plugin.

4. Оптимизация шаблона, сокращение количества запросов к базе данных. 

Любой шаблон напичкан множеством не нужных функций, которые в целом нам  с вами ненужны, но это создает нагрузку на сайт. Если путем изменения шаблона избавится хотя бы от 10 запросов к базе с каждой страницы сайта, то Вам можно будет смело ставить сайт на раскрутку. 
Итак как это делается. Во-первых если вы не знаете HTML и CSS   смело пропустите этот шаг. 
Тут нужно будет создать резервную копию сайта и БД. Потом войти в FTP и поехали:

Заходим в основной шаблон вашей ТЕМЫ и ищем  index.php открываем для редактирования. использую Notapad ++. 
1. Находим  вызов функции get_header(), которая подключает нашу шапку сайта, файл header.php, именно к нему мы и обращаемся.

В первом же теге <html> встречается вызов функции language_attributes(), которая выводит значение языка установленного на вашем сайте, для того что бы избавиться от вызова этой функции нужно всего лишь заменить текущую функцию значением lang=»ru-RU «, после этого мы избавимся от одного запроса к БД на каждой странице вашего сайта.

Далее избавимся от лишнего кода и добавим несколько необходимых параметров в header. Находим  строчку с указанием кодировки:

<meta charset=»<?php bloginfo( ‘charset’ ); ?>» >.

изменяем на следующую:

<meta http-equiv=»Content-Type» content=»text/html» ; charset=»utf-8″/>

Идем дальше:

<link rel=»pingback» href=» <?php bloginfo( ‘pingback_url’ ); ?> » >

Можете смело удалить.

Находим следующую строку:

<h1 class= » site-title»><a href= » <?php echo esc_url( home_url( ‘/’ ) ); ?> » rel= » home » ><?php bloginfo( ‘name’ ); ?></a></h1>

Тут используется сразу две функции:
Извлекается и добавляется URL сайта, то-есть ссылка на главную страницу;
Выводиться название сайта.

Но мы то этот сайт и создаем, поэтому смело можем сразу сделать все изменения для нашего сайта:

<h1 class= » site-title » ><a href= » mysite.ru » rel=»home»>Название сайта</a></h1>

Минус еще 2 запроса в топку.

Далее мы видим такой же код в теге <p>, который мы аналогично изменяем.

Опускаемся ниже, находим код который выводит описание сайта, его так же можно заменить на более простой:

<?php endif;

$description = get_bloginfo( ‘description’, ‘display’ );
if ( $description || is_customize_preview() ) : ?>
<p class=»site-description»><?php echo $description; ?></p>


Из этого мусора я если честно ничего не поняла, поэтому воспользуемся подсказкой и меняем его на:

<?php endif;

?>
<p class=»site-description»>Описание сайта</p>

Можно покопаться в  в footer.php.

Находим его в нашей теме, открываем и смотрим что нам можно тут исправить. 
Убираем лишние ссылки и меняем  функции home_url() и bloginfo( ), которые можно так же заменять, как и в примере с header.php. 
Скажу из опыта с первой попытки редко у кого получается. Поэтому пробуйте на болванке, и потом тут же делайте у себя на сайте. В  WordPress в 99% случаев используют указанные функции в шаблонах, поэтому думаю это будет вам полезно. 
Если боитесь - не лезьте!

5. Оптимизация рубрик.
Очень полезно если у вас именно блог: с постами и кучей статей. Чуть позже попробую по-разбираться с этой темой.

6. Дополнительные фишки.

6.1. Подписка на блог и комментарии. Хотела вам рассказать о плагине Jetpack, но на нескольких форумах прочла, что через него очень часто ломают. Поэтому не буду утверждать, что плагин плохой или хороший. Я пользуюсь Contact Form 7 и вполне счастлива + можно добавить Easy Fancybox для открытия листа подписки во всплывающем окне. Это очень полезно  для создания подписной базы сайта и
6.2. Можно подключить хороший рассыльщик. Жаль. что сервис Smartresponder закрывается с 1 ноября 2016 года. (Если это не фишка).
6.3. Очистить базу данных (БД). Для очистки базы данных от ненужных строк существует два способа: используется ручная и очистка с помощью плагина.
Есть очень простой и  удобный плагин WP Clean Up, он позволит оптимизировать базу и избавить от ненужного мусора.

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


Комментариев нет:

Отправить комментарий