darkelf777

Оптимизация сайта на WordPress (часть 1)

Ни для кого не секрет, что скорость загрузки страницы сайта влияет на ранжирование поисковых систем, на поведение пользователей (мало кто хочет ждать загрузку сайта длительное время)
Сегодня я приведу пример оптимизации сайта на WordPress

\"\"

Ни для кого не секрет, что скорость загрузки страницы сайта влияет на ранжирование поисковых систем, на поведение пользователей (мало кто хочет ждать загрузку сайта длительное время)
Сегодня я приведу пример оптимизации сайта на WordPress (подопытный сайт – swaper.info)
Самый простой инструмент для проверки оптимизации скорости сайта – PageSpeed Insights от компании google.
Проверка скорости сайта – http://webwait.com/

Ну чтож, начнем.

До оптимизации сайт грузился в лучшем случае около 5 секунд. (среднее значение 8-9 секунд), что оочень много!

оптимизация скорости wordpressоптимизация скорости wordpress

После оптимизации лучшее время 1.2 секунды (среднее 1.5 секунды)

 

оптимизация скорости wordpressоптимизация скорости wordpress

Оптимизация сайта на WordPress первые шаги

1. Настройка файла htaccess

Для начала идем в корневую папку сайта и смотрим на наличие (возможность создать) файла .htaccess для wordpress
Если файл существует (создается), то смотрим его содержимое (я рекомендую Notepad++). 
вот код htaccess, который я встроил для своего сайта:


# BEGIN WordPress
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteRule ^index\\.php$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]
RewriteCond %{HTTP_REFERER} !^http://(.+\\.)?swaper.info [NC]
RewriteCond %{HTTP_REFERER} !^$
RewriteRule .*\\.(jpe?g|gif|bmp|png)$ /logo.png [L]
</IfModule>


<IfModule mod_expires.c>
ExpiresActive On
ExpiresDefault \"access 7 days\"
ExpiresByType application/javascript \"access plus 1 year\"
ExpiresByType text/javascript \"access plus 1 year\"
ExpiresByType text/css \"access plus 1 year\"
ExpiresByType text/html \"access plus 7 day\"
ExpiresByType text/x-javascript \"access 1 year\"
ExpiresByType image/gif \"access plus 1 year\"
ExpiresByType image/jpeg \"access plus 1 year\"
ExpiresByType image/png \"access plus 1 year\"
ExpiresByType image/jpg \"access plus 1 year\"
ExpiresByType image/x-icon \"access 1 year\"
ExpiresByType application/x-shockwave-flash \"access 1 year\"
</IfModule>


# END WordPress

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

2. Установка плагинов

2.1. Для кэширования страниц лично я пользуюсь – Quick Cache
2.2. Для кэширования обращений к базе данных – DB Cache Reloaded Fix
2.3. Для оптимизации базы данных – WP-Optimize
2.4. Для сжатия css файлов – CSS Compress ( с этим плагином внимательнее – не все темы работают после его включения)
2.5. Этот плагин поможет отложить загрузку фотографий из невидимой части страницы для момента прокрутки – BJ Lazy Load

Эти (и некоторые дополнительные, о которых я расскажу позже) простые действия ускорили загрузку сайта в 6 раз!

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