ТемыТемы премиум

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 перед любыми вышеуказанными манипуляциями. Удачи.

Метки

Похожие

29 Комментов

  1. А на jarida все забили 🙁 Уже год ждём обновлений, ничего нету 🙁 Некоторые новые плагины вообще невозможно использовать. Разрабы обещали такое же обновление как и для sahifa, но обещание не сдержали. Печально, также, что для jarida нет подобных статей, но радостно, что Вы хоть у себя на сайте sahifa на jarida поменяли))

    1. Крупных обновлений для Jarida и не будет пока, обещали только мелкие. На мой сайт ориентироваться не стоит, я могу что угодно поставить, если вдруг взбрендит 🙂

    2. «радостно, что Вы хоть у себя на сайте sahifa на jarida поменяли»
      Как поменяли?
      Вижу Сахифу у автора …

  2. Здрастуйте Дмитрий. Эта фраза в статьях (Обновлено 26/05/15) это плагин, функция теми или добавлено вручную?

  3. Дмитрий, скажите, на том хостинге на котором у вас сейчас сайт вы прописали правила в .htaccess для кэширования и gzip сжатия которые в этой статье, они сработали?

  4. Дмитрий, здрастуйте! Скажите пожалуйста, почему в админразделе Sahifa «Шрифты» у меня нет шрифта BebasNeueRegular?

    1. Здравствуйте, потому что Bebas, это и не гугл и не стандартный шрифт. Но он прописан в теме и используется по умолчанию. Так видимо, автор задумал.

      1. Дмитрий, какие шрифты используете на своем сайте?

      2. Хм, в списке шрифтов в настройке темы нет этих названий…Где их взять?

  5. Здравствуйте.

    У меня на сайте стоит Sahifa. Тема классная, но скоростью не балует.
    Мой хост-провайдер Хостенко (я так понимаю у Вас тоже).

    Дмитрий, подскажите, пожалуйста, какие методы для оптимизации скорости сайта использовали лично Вы?

    И еще, у меня на сайте стоит чат, при активации WP Super Cache посетители не видят обновление сообщений. В этом плагине возможно как-то отключить кеширование плагина с чатом?

    1. Здравствуйте. У меня провайдер http://webhost1.ru/ Никаких особых методов не использую кроме кеширования WP Super Cache и сжатия картинок в EWWW Image Optimizer. На счет чата — возможно стоит сделать исключение той страницы для WP Super Cache где у Вас чат?

      1. Если я правильно понял раньше ваш провайдер был Хостенко? Почему решили сменит?

  6. Так и не могу для себя решить, что купить: Sahifa или Jarida.
    Чисто внешне больше нравится Jarida, но
    — Sahifa быстрее обновляется
    — локализацию админки Sahifa можно сделать через .mo (а не корёжить код темы как у Jarida)

    Дмитрии — поделитесь, почему не возвращаетесь на Jarida?
    Заранее спасибо.

    1. Только из-за сетки на главной вместо слайдера. Так мне больше нравится. В остальном темы практически идентичны. Какая разница, на каком языке админка? Вам же не читать её каждый день. Один раз разобрались и все.

      1. Сетка — это коллаж из фото разных размеров вверху на главной?

  7. Дмитрий у вас указано два кода для кеширования браузером. Они немного отличаются. Их нужно оба прописывать в файле?

  8. Здравствуйте. У меня Яндекс указывает, что сайт не оптимизирован под мобильные устройства, хотя тема вроде бы изначально адаптивна. Может, какой плагин нужно ставить?

    1. Здравствуйте. Яндекс или Гугл всегда указывают и причины своих указаний. Как правило, достаточно просто следовать им. Для Яндекса это соответственно, указания в их вебмастере.

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

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

Этот сайт использует Akismet для борьбы со спамом. Узнайте как обрабатываются ваши данные комментариев.

Back to top button