Включение сжатия и кэширования на хостинге Ru-Center

На форуме Ru-Center, часто всплывает тема оптимизации сайтов на хостинге. На самом деле все не очень тривиально, из-за нюансов организации хостинга. Решил сделать инструкцию, как это сделано у меня.

Что мы хотим получить в итоге:

• Увеличиваем скорость работы сайта;
• Уменьшаем нагрузку на хостинг;
• Повышаем оценку в сервисе google pagespeed.

Так как на хостинге РуЦентра веб-сервер apache (back-end) работает совместно с nginx (front-end), включать кэширование и  сжатие будем для nginx.

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

1. Автоматический;
2. Ручной;
3. Перенаправление.

 Что означают эти режимы?

1. Автоматический режим — все настройки делаются из панели управления хостингом. Из панели мы можем: настроить SSL шифрование, настроить кодировку сайта, запаролить директории сервера, включить модули apache и php и многое другое. Многим этого хватает и этот режим включен по умолчанию, но если мы хотим потюнинговать веб-сервер смотрим дальше.
2. Ручной режим — настройки производятся в конфигурационных файлах. При переводе сайта в ручной режим, на основе текущих настроек, создаются конфигурационные файлы для серверов apache и nginx. Файлы можно найти в папке /home/идентификатор_хостинга/etc/apache_1.3 и /home/идентификатор_хостинга/etc/nginx .
3. Перенаправление — просто редирект куда-нибудь и как-нибудь, что в настройках укажете. Нас этот пункт не особо интересует.

Теперь переводим сайт в ручной и отправляемся в папку с настройками nginx, для этого можно использовать хоть доступ по FTP, SSH или файловый менеджер из панели управления хостингом. Находим конфиг, для вашего сайта, вида example.com.site.conf и открываем его. Мы видим базовый конфиг, созданный на основе текущих настроек, его нам надо немного подправить.

Находим в файле текст:

# Static files location
 location ~* ^.+\.(jpg|jpeg|gif|swf|png|ico|mp3|css|zip|tgz|gz|rar|bz2|doc|xls|exe|pdf|dat|avi|ppt|txt|tar|mid|midi|wav|bmp|rtf|wmv|mpeg|mpg|mp4|m4a|spx|ogx|ogv|oga|webm|weba|ogg|tbz|js)$ {
 root /home/example/example.com/docs;
 access_log /var/log/example.com.access_log combined;
 error_page 404 = @fallback;
 log_not_found off;
 # on
 accel_htaccess_switch on;
 }

Этот код отвечает за отдачу статического контента nginx, чтобы не напрягать зря Апач. Что означает этот код?

location ~* ^.+\.(jpg|jpeg|gif|swf|png|ico|mp3|css|zip|tgz|gz|rar|bz2|doc|xls|exe|pdf|dat|avi|ppt|txt|tar|mid|midi|wav|bmp|rtf|wmv|mpeg|mpg|mp4|m4a|spx|ogx|ogv|oga|webm|weba|ogg|tbz|js)$

Здесь указаны расширения файлов, которые будут считаться статическим контентом.

root /home/example/example.com/docs;

Это путь, где эти файлы хранятся.

В эту секцию мы добавим настройки кэширования, т.е. nginx будет сообщать браузеру посетителя, что эти файлы можно хранить локально в кэше и не скачивать каждый раз заново. Нам надо добавить директиву expires 30d; , которая указывает срок действия кэша, в данном случае 30 дней.

# Static files location
location ~* ^.+\.(jpg|jpeg|gif|swf|png|ico|mp3|css|zip|tgz|gz|rar|bz2|doc|xls|exe|pdf|dat|avi|ppt|txt|tar|mid|midi|wav|bmp|rtf|wmv|mpeg|mpg|mp4|m4a|spx|ogx|ogv|oga|webm|weba|ogg|tbz|js)$ {
expires 30d;
root /home/example/example.com/docs;
access_log /var/log/example.com.access_log combined;
error_page 404 = @fallback;
log_not_found off;
# on
accel_htaccess_switch on;
}

 Теперь пришла пора включить сжатие. Директивы я добавляю в секцию server, ищем такой код:

server {
 listen ip_address:80;
 server_name example.com www.example.com;

location / {

И приводим его к такому виду:

server {
 listen ip_address:80;
 server_name example.com www.example.com;

gzip_static on;
 gzip on;
 gzip_buffers 16 8k;
 gzip_comp_level 2; 
 gzip_min_length 1024; 
 gzip_types text/css text/plain text/json text/x-js text/javascript text/xml application/json application/x-javascript application/xml application/xml+rss application/javascript;
 gzip_disable "msie6";
 gzip_vary on;
 gzip_http_version 1.0;
location / {

Что мы сделали?

gzip_static on;

Включаем опцию gzip_static. Теперь, если на сервере рядом с сжимаемым файлом лежит уже готовый архив с таким же именем и расширением .gz, то этот архив и будет отдан клиенту. Как это использовать? Когда сайт готов, мы вручную сжимаем gzip нужные файлы (скрипты, таблицы стилей, xml файлы и т.д.), кладем их на сервер рядом с оригиналами. Важный нюанс: дата создания и изменения у оригинала и архива должны совпадать. Теперь, когда веб-клиент запрашивает нужный ему файл, nginx отдает готовый архив и все довольны, если архива нет, то файл сжимается согласно следующим директивам:

gzip on;

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

gzip_comp_level 2;

Уровень сжатия

gzip_types text/css text/plain text/json text/x-js text/javascript text/xml application/json application/x-javascript application/xml application/xml+rss application/javascript;

Типы файлов, которые надо сжимать.

Подробности можно почитать на сайте nginx

После сохранения конфигурационного файла не забываем перезапустить веб-сервер из панели управления:

Результат работы можно проверить с помощью сервиса от google

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

Ключевые слова: Ru-Center, хостинг, nginx, веб-сервер

Комментарии

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

• Включение сжатия и кэширования на хостинге Ru-Center

• RU-CENTER (nic.ru)
• Включение сжатия и кэширования на хостинге Ru-Center

• RU-CENTER (nic.ru)
• Включение сжатия и кэширования на хостинге Ru-Center