No Image

Включите gzip сжатие и ускорьте ваш сайт.

СОДЕРЖАНИЕ
27
29 января 2019

Включите gzip сжатие заставка
Привет всем на блоге wpsovet.ru. Следующая статья по оптимизации, разберем еще один пункт PageSpeed Insights. Пост будет короткий, потому что дел на две секунды, даже не буду делать содержание.  Теперь расправимся со сжатием, точнее пункт звучит так «Включите сжатие», а под ним описание «Сжатие ресурсов с помощью функций gzip.», я маленько сократил надпись, опять привожу скриншот.
сжатие gzip в pagespeed
Давайте начнем с самого определения.

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

Данная функция очень положительно скажется на скорости блога. У меня есть три способа это осуществить, кодом, плагином, и с помощью своего сервера (но это если у кого есть).

Первый способ вставляем нужный код.

Помните прошлую статью, про кэш браузера, в нем мы так же вставляли код в файл  .htaccess,  тут будет тоже самое. Схема все та же:

  1. Заходим по FTP в свои файлы.
  2. В корне сайта находим .htaccess, скачиваем его.
  3. Открываем его любым редактором, и в самый низ перед тегом #EndWordpress, вставляем этот код.
<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>

Или

<IfModule mod_deflate.c>
  AddOutputFilterByType DEFLATE text/html
  AddOutputFilterByType DEFLATE application/javascript
  AddOutputFilterByType DEFLATE text/javascript
  AddOutputFilterByType DEFLATE text/css
  <IfModule mod_setenvif.c>
    BrowserMatch ^Mozilla/4 gzip-only-text/html
    BrowserMatch ^Mozilla/4\.0[678] no-gzip
    BrowserMatch \bMSIE !no-gzip !gzip-only-text/html
  </IfModule>
</IfModule>

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

Второй способ, включаем сжатие с помощью плагина.

В прошлой статье мы разбирали плагин hyper cache, в нем есть пункт “Включить сжатие”, на главной странице настроек, ставим галочку и сохраняем.
gzip сжатие и кеширвание
Я читал много статей и отзывов, вроде все работает стабильно, негативных отзывов не слышал. Но я думаю, принцип вам понятен, просто одна галочка и все сделано.

Третий способ с помощью сервера.

Сразу говорю, не на всех хостингах есть эта функция, например на таймвебе ее нет, вообще он скудный на такие вещи, дополнительные программы не про его честь. Мой новый сервер работает на линуксе, и находится в англии, что тоже огромный плюс, но отвлекся. В моей cPanel’и есть пункт “Оптимизировать вебсайт”.
быстрое сжатие блога с помощью хостинга
Я в него захожу и выбираю “сжать все содержимое”, сохраняю и все начинает работать.
плагин сжатия сайта все содержимое

Проверяем работоспособность.

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

проверка на gzip

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

P.S. А какой способ пользуете вы отпишитесь в комментариях.

Источник
Комментировать
27
  • http://pro-internetmarketing.ru/ Интернет Маркетолог

    У меня сайт работает на друпале, у нас там для ускорения работы сайта есть модуль Boost и он у меня включен и работает. Этот модуль так же обеспечивает вот это пресловутое gzip сжатие.

    • https://wpsovet.ru Лифанов Валентин

      Полезность gzip преревешивает его недостатки. С одной стороны уменьшаем вес передаваемых данных, а с другой увеличиваем число операций сервера. А про достоинства друпала я тоже слышал, хорошая CMS, но привык я уже к вордпрессу.

  • http://igorchernomoretz.com Игорь Черноморец

    А у меня на сервисе whatsmyip пишет, что всё ОК а гугл пишет что всё плохо :)
    Кому верить? Я думаю, что Гуглу!

    • https://wpsovet.ru Лифанов Валентин

      У вас nginx или как у всех apache? Потому как для них дерективы разные. В любом случае сейчас проверил ваш сайт, у вас там полная беда, надо делать все от начала и до конца.

      • http://igorchernomoretz.com Игорь Черноморец

        У меня apache!
        А то что у меня там беда, я знаю :(
        Всё никак не найду время, чтобы начать разбираться. Ну может быть сейчас и начну, благодаря твоему блогу :)))
        И ещё…
        Валентин, будь добр, не обращайся ко мне на “Вы”
        Хоть я тебя и старше (скорей всего) но в душе мне всего лишь 17 :))))

        • https://wpsovet.ru Лифанов Валентин

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

          • http://igorchernomoretz.com Игорь Черноморец

            Адаптацию я не сам делал! Это платный шаблон от Гудвина.
            А что значит “не убирается в окошко браузера?” Я на свой сайт захожу в основном с смартфона и проблем никаких не замечал!

          • https://wpsovet.ru Лифанов Валентин

            Проблем нет, но просто попробуй сожми окошко браузера, у тебя внизу появляется полоса прокрутки, вот я сейчас сделал скриншот, перейди по этой ссылке и увидишь http://prntscr.com/9n2gzz, это грубейшая ошибка.

          • http://igorchernomoretz.com Игорь Черноморец

            А как на смартфоне я могу сжать окошко браузера и зачем это вообще делать? Или ты имеешь ввиду не смартфон, а просто лептоп с маленьким разрешением?

          • https://wpsovet.ru Лифанов Валентин

            Сейчас объясню ситуацию, для адаптации блоггеры используют адаптивный дизайн, который работает на медиазапросах, они подстраивают стили под определенные разрешения, не зависимо с чего ты зашел на сайт, все дело в размере экрана. Вот попробуй сейчас зайди на свой блог с мобильники, и проведи пальцем вправо и влево, если сайт начал смещаться, то это ошибка, если стоит на одном месте (а этого не должно быть), то все в порядке. Прокрутка у тебя появляется где-то на 360px по ширине, видно гудвин маленько не доделал.

          • http://igorchernomoretz.com Игорь Черноморец

            Валентин, в теории я об этом знал, но дело в том, что когда захожу на сайт через смартфон и провожу пальцем влево и вправо, то экран не двигается! То есть, всё нормально!А у тебя двигается? А какой у тебя смартфон?

          • https://wpsovet.ru Лифанов Валентин

            Я пока не могу проверить, в мобильник дети играют, у меня galaxy s3. Если ты говоришь что не двигается, то так оно и есть. Я сейчас проверил у тебя мешает меню пагинации, они у тебя выходит за пределы, и вообще криво отображается, надо его адаптировать.

          • http://igorchernomoretz.com Игорь Черноморец

            А вот по поводу меню ты прав. Это я уже давно заметил, но происходит так только на маленьком экране компьютера, а вот через мобильные устройства все корректно. Ну хорошо, больше не буду тебя мучить :)) Обращусь к Гудвину, пусть исправляет этот косяк.
            Спасибо тебе Валентин за помощь и терпение

          • https://wpsovet.ru Лифанов Валентин

            Да я ничего и не сделал, если что обращайся, по адаптации всегда помогу, вот на прошлой неделе двоим знакомым блоггерам так же делал адаптивный дизайн, просто так, нравится мне это.

          • http://igorchernomoretz.com Игорь Черноморец

            Спасибо за предложение.Но так как у Гудвина есть пожизненная поддержка :) то воспользуюсь ей. А то вдруг чего то намутим там в шаблоне, так потом он откажется помогать из-за этого.

          • https://wpsovet.ru Лифанов Валентин

            Само собой, пусть гарантия себя оправдывает. А сколько отдал за шаблон?

          • http://igorchernomoretz.com Игорь Черноморец

            Это было примерно полтора года назад. Заплатил за шаблон 800 рублей.И я им очень, очень, приочень доволен!
            На мой взгляд цена нормальная. А как ты считаешь?

          • https://wpsovet.ru Лифанов Валентин

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

          • http://igorchernomoretz.com Игорь Черноморец

            Что именно сменить? Шапку? Или вообще всё :))) То есть, фон, линии и т.п.?
            На самом деле мне очень нравится дизайн и я ничего не поменял бы, кроме шапки. Я выбирал новый юаблон для блога почти полгода и выбрал именно этот. Так что дизайн я не буду менять. Единственное что мне не нравится, так это – шапка!

          • https://wpsovet.ru Лифанов Валентин

            Шапку можно бы, остальное все хорошо. Первое впечатление и запоминание сайта идет именно от шакпки, у меня ксате есть хороший дизайнер, которая уже можно сказать штатный, вот о ней статья https://wpsovet.ru/intervyu/intervyu-s-super-dizajnerom-yuliej-vasilenko.html, она мне весь дизайн в двух вариантах сделала за 1400, а за шапку может рублей 400 возьмет.

          • http://igorchernomoretz.com Игорь Черноморец

            Хммм…очень дёшево!!!!!!!
            Ну хорошо, почитаю твою статью. Может быть обращусь к твоему дизайнеру.Я правда даже не представляю какую шапку хочу

          • https://wpsovet.ru Лифанов Валентин

            Посиди подумай, что нибудь такое особенное.

  • https://wpsovet.ru Лифанов Валентин

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

  • http://garant-market.ru Сергей

    Попробовал третий вариант,посмотрим как пойдет!

    • https://wpsovet.ru Лифанов Валентин

      Пробуйте если что спрашивайте.

  • http://www.mipz.ru Анастасия

    Добрый день. Попробовали первый вариант , но PageSpeed Tools пропустил: Сжатие страницы /top100.jcn?3108791 уменьшит ее размер на 37,9 КБ (65 %).
    Сжатие страницы /…ludes/js/comment-reply.min.js?ver=4.3.15 уменьшит ее размер на 351 Б (47 %).
    Сжатие страницы /img/img.svg уменьшит ее размер на 148 Б (28 %).
    Сжатие страницы livetex.ru/…t-origin] уменьшит ее размер на 109 Б (31 %) Возможно код нужно какой-то еще дописать? Не понимаем в чем проблема.

    • https://wpsovet.ru Лифанов Валентин

      Здравствуйте, если грузятся не с вашего сайта то сжать никак не получится.