Артём Мáлков

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

27 июл4 комм

Я думаю, что все уже имеют представление об PageSpeed Insights – сервисе от Google, который показывает реальную скорость вашего сайта на различных устройствах и дает рекомендации по решению возможных проблем на нем.

Одними из популярных проблем, которые появляются в этом сервисе при проверке сайта (не только на хостинге Ru-Center) являются следующие:

Задайте правила эффективного использования кэша для статических объектов

и:

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

Каждое из таких сообщений сопровождается списком файлов, которые и создают описанные проблемы.

Исправляя эти ошибки, вы позволяете повысить оценку сервиса PageSpeed Insights (на момент написания статьи общее состояние сайта оценивается по 100-балльной шкале), ускорить загрузку вашего сайта и (если у вас много статических файлов) сэкономить интернет-трафик ваших пользователей.

Как именно исправить эти ошибки на хостинге Ru-Center так, чтобы PageSpeed Insights на них больше не «ругался», сегодня и пойдет речь.

Как включить сжатие текста и кэширование статических файлов на хостинге Ru-Center?

Обе процедуры (сжатие текста и кэширование статики) проделываются по одной схеме, меняется лишь небольшая часть кода.

1. Авторизуйтесь в панели управления хостингом.

2. Далее в левом меню перейдите в раздел «Сайты».

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

3. На открывшейся странице найдите домен вашего сайта и кликните по нему один раз левой кнопкой мыши.

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

4. На открывшейся странице, в верхней ее части перейдите в разделы «Настройки» - «Веб-сервер».

5. На открывшейся странице снимите флажок с пункта «Автоматический режим работы сайта» и нажмите кнопку «Сохранить».

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

6. Затем в левом меню перейдите в раздел «Файловый менеджер».

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

7. В нем перейдите по пути /home/pandoge/etc/nginx/sites-enabled/, где «pandoge» – логин вашего аккаунта. После чего откройте файл www.pandoge.com.site.conf одним нажатием на него название левой копкой мыши. «www.pandoge.com» в названии файла – это домен сайта, для которого мы делаем настройку и который мы ранее перевели в ручной режим работы (пункт 5).

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

8. В нем для настройки сжатия текста найдите строку, похожую на:

server_name  pandoge.com www.pandoge.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;

«pandoge.com» в первом случае – это домен вашего сайта.

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

9. Здесь же для включения кэширования статических файлов найдите строку, похожую на:

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|7z)$ {

Рядом с ней найдите строку, похожую на:

expires 720h;

и замените ее значение на «6M».

expires 6M;

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

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

После чего нажмите «Сохранить».

10. Далее в левом меню перейдите в раздел «Управление веб-сервером».

11. На открывшейся странице нажмите «Перезагрузить», после чего подождите, пока пропадет индикатор загрузки.

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

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

Обратите внимание, что кэширование файлов и сжатие текста не работает для внешних файлов. Подробнее об этом написано в отдельной нашей статье.

Рекомендуем к просмотру
Ещё один вариант отложенной загрузки скриптов на jQuery/JavaScript
Посты
Минификация (сжатие) JS- и CSS-файлов на PHP
Модули и скрипты
Настраиваем кэширование файлов и GZIP-сжатие на сайте в Nginx
Статьи и советы
4
комментария
Форма комментирования этого поста скрыта. Авторизуйтесь, чтобы расширить привилегии гостевого посещения и получить необходимую помощь от сообщества Pandoge.
    • 0
    1067
      •  Команда Pandoge
    2 окт в 01:47

    Андрей Зман, Да.

    1. Напишите поддержке хостинга сообщение:

    Здравствуйте. Перенастройте пожалуйста отдачу статики на сайте (тут домен вашего сайта) на Apache.

    2. После того, как поддержка скажет Вам, что все готово и изменения будут видны в течении 10 минут, в файл .htaccess, который находится в корне вашего сайта вставьте (в самый его верх) два блока правил.

    Первый (для настройки кеширования статики):

    <IfModule mod_expires.c>
    	ExpiresActive On 
    	ExpiresDefault "access plus 6 month"
    	ExpiresByType text/css "access plus 6 month" 
    	ExpiresByType text/plain "access plus 6 month"
    	ExpiresByType image/gif "access plus 6 month"
    	ExpiresByType image/png "access plus 6 month" 
    	ExpiresByType image/jpeg "access plus 6 month" 
    	ExpiresByType application/x-javascript "access plus 6 month"
    	ExpiresByType application/javascript "access plus 6 month"
    	ExpiresByType application/x-icon "access plus 6 month" 
    </IfModule>

    И второй (для сжатия):

    <IfModule mod_deflate.c>
    	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
    
    	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
    </IfModule>
    • 0
    1
      •  Пользователь
    2 окт в 00:19

    Скажите пожалуйста, а в панели beget.com можно подобную процедуру выполнить?

    • 0
    1067
      •  Команда Pandoge
    13 авг в 12:48

    Mika, если он предоставляет ISPmanager для управления хостингом, то да.

    • 1
    8
      •  Проверенный
    13 авг в 10:14

    А в Рег ру есть такая возможность?

Подняться наверх
«Pandoge» - помощник вебмастера