Page Speed оптимизация для темы Sahifa

Привет всем читателям. Поскольку премиум темы от TieLabs пользуются огромной популярностью, решил привести тут инструкцию по оптимизации для Google Page Speed самой популярной из них шаблону- Sahifa.

На самом деле это просто перевод статьи из авторской инструкции к теме. Однако, учитываю лютую ненависть сограждан к любому чтению официальных руководств решил таки перевести её для вас. Надеюсь, будет полезно. К тому же, многие рекомендации отсюда можно считать универсальными.

Включение GZIP сжатия

Все современные браузеры поддерживают и автоматически согласовывают GZIP сжатие для всех http-запросов. Включение GZIP сжатия позволяет уменьшить размер передаваемых ответов до 90%, что позволяет существенно уменьшить время для загрузки ресурсов, сокращение трафика для клиента, и повышению времени до первого рендеринга страниц.

Чтобы включить сжатие GZIP, добавьте следующие строки в ваш .htaccess файл:

# Compress HTML, CSS, JavaScript, Text, XML and fonts
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/vnd.ms-fontobject
AddOutputFilterByType DEFLATE application/x-font
AddOutputFilterByType DEFLATE application/x-font-opentype
AddOutputFilterByType DEFLATE application/x-font-otf
AddOutputFilterByType DEFLATE application/x-font-truetype
AddOutputFilterByType DEFLATE application/x-font-ttf
AddOutputFilterByType DEFLATE application/x-javascript
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE font/opentype
AddOutputFilterByType DEFLATE font/otf
AddOutputFilterByType DEFLATE font/ttf
AddOutputFilterByType DEFLATE image/svg+xml
AddOutputFilterByType DEFLATE image/x-icon
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/javascript
AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE text/xml

# Remove browser bugs (only needed for really old browsers)
BrowserMatch ^Mozilla/4 gzip-only-text/html
BrowserMatch ^Mozilla/4\.0[678] no-gzip
BrowserMatch \bMSIE !no-gzip !gzip-only-text/html
Header append Vary User-Agent

Кэширование браузера

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

Чтобы включить кэширование браузера добавьте следующие строки в ваш .htaccess файл:

## EXPIRES CACHING ##

ExpiresActive On
ExpiresByType image/jpg "access 1 year"
ExpiresByType image/jpeg "access 1 year"
ExpiresByType image/gif "access 1 year"
ExpiresByType image/png "access 1 year"
ExpiresByType text/css "access 1 month"
ExpiresByType text/html "access 1 month"
ExpiresByType application/pdf "access 1 month"
ExpiresByType text/x-javascript "access 1 month"
ExpiresByType application/x-shockwave-flash "access 1 month"
ExpiresByType image/x-icon "access 1 year"
ExpiresDefault "access 1 month"

## EXPIRES CACHING ##

Минимизация HTML,CSS и JavaScript

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

Для использования минимизации используйте плагины:

— WP-HTML-Compression (для HTML)
— Better WordPress Minify (для CSS и JS)

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

— Autoptimize

Оптимизация изображений

Оптимизация изображений тоже может значительно повысить заветные очки в выдаче Google Page Speed. О плагине WP Smush.it я уже писал. Рекомендую так присмотреться к плагинам EWWW Image Optimizer, CW Image Optimizer, Imsanity и Hammy.

Ну и кроме всех этих инструкций автор рекомендует использовать WP Super Cache. Как всегда, напоминаю — перед любыми действиями по оптимизации сайта всегда делайте бекапы!

Или универсальный способ

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

Включить сжатие gzip

# сжатие text, html, javascript, css, xml:
<ifModule mod_deflate.c>
AddOutputFilterByType DEFLATE text/html text/plain text/xml application/xml application/xhtml+xml text/css text/javascript application/javascript application/x-javascript
</ifModule>

Добавьте этот код в самый конец файла .htaccess

Включить кеш браузера

# кеш браузера
<ifModule mod_expires.c>
ExpiresActive On
#по умолчанию кеш в 5 секунд
ExpiresDefault "access plus 5 seconds"
# Включаем кэширование изображений и флэш на месяц
ExpiresByType image/x-icon "access plus 1 month"
ExpiresByType image/jpeg "access plus 4 weeks"
ExpiresByType image/png "access plus 30 days"
ExpiresByType image/gif "access plus 43829 minutes"
ExpiresByType application/x-shockwave-flash "access plus 2592000 seconds"
# Включаем кэширование css, javascript и текстовых файлоф на одну неделю
ExpiresByType text/css "access plus 604800 seconds"
ExpiresByType text/javascript "access plus 604800 seconds"
ExpiresByType application/javascript "access plus 604800 seconds"
ExpiresByType application/x-javascript "access plus 604800 seconds"
# Включаем кэширование html и htm файлов на один день
ExpiresByType text/html "access plus 43200 seconds"
# Включаем кэширование xml файлов на десять минут
ExpiresByType application/xhtml+xml "access plus 600 seconds"
</ifModule>

Добавить этот код перед «# END WordPress»

И не забудьте сделать бекап файла .htaccess перед любыми вышеуказанными манипуляциями. Удачи.