Если вы работали с компьютерами в течение какого-то реального времени, вы, вероятно, уже знакомы со сжатием. Для тех, кто этого не делает: сжатие — это супер-полезный инструмент для группировки файлов в один значительно меньший (и более легко переносимый) файл, который для веб-сайтов приводит к значительному сокращению времени загрузки страницы. В этой статье я расскажу о том, как работает сжатие gzip и как можно включить его на веб-сайте с платформой WordPress.
Как работает сжатие GZIP
Прежде чем перейти к тому, как его реализовать, давайте сначала посмотрим, что означает сжатие и как оно может помочь.
В настоящее время почти все веб-сайты используют смесь HTML, CSS и JavaScript, написанные программистами в логической, понятной всему миру форме. Результатом этого почти всегда являются небольшие накладные расходы, которые служат не более чем удобочитаемости для человека. Кроме того, большинство программистов также используют различные шаблоны проектирования и общие элементы, что приводит к значительному количеству повторений.
Алгоритмы сжатия, такие как gzip, используют шаблоны и повторения, найденные в тексте, чтобы создать более эффективный способ хранения данных. Давайте посмотрим на примере.
Вот некоторый HTML-код, чтобы текст внутри него отображался жирным шрифтом:
1 | <strong> это жирный шрифт </ strong> |
Сжатая версия этого на самом деле довольно длинная eNqzKS4pys9LtyvJyCxWAKKk/JwUG32oIC8XALn8Cuo=
. Однако посмотрите, что происходит, когда мы сжимаем следующее:
1 2 | <strong> это жирный шрифт </ strong> <strong> это тоже жирный шрифт </ strong> |
Сжатая версия получит такую строку eNqzKS4pys9LtyvJyCxWAKKk/JwUG32oIC+XDRZphZL8fCQlACNDF0U=
. Несмотря на то, что исходный текст более чем в два раза больше, сжатая версия на самом деле всего на 16 символов больше — колоссальное сокращение на 32%, что означает меньшую загрузку и более быстрый веб-сайт.
Как включить сжатие gzip в WordPress
Важно понимать, что сжатие gzip — это не то, за что отвечает WordPress. На самом деле это то, что обрабатывается самими серверами, а не в WordPress. Для его включения вам нужно будет настроить что-то вне WordPress.
Нанять разработчика
Поскольку для включения сжатия требуется отредактировать (или даже создать) конфиденциальный файл, с которым не так просто работать (известный как «файл htaccess »), если вы сомневаетесь в том, что делать, может быть лучше попросить вашего хоста сделать это за вас. Если у вас первоклассный хостинг с первоклассной поддержкой, они смогут настроить его для вас в течение нескольких минут.
Настроить самостоятельно
Файл htaccess используется для предоставления серверу специальных инструкций, таких как перенаправления, автоматическое добавление или добавление файлов к определенным запросам и, конечно же, всякие другие полезные вещи, такие как включение сжатия gzip! Самое сложное в настройке — найти, а затем отредактировать этот проблемный файл.
Прежде всего, вам нужен способ доступа к файлам на вашем сервере. Предпочтительный метод для большинства вебмастеров будет через FTP. Однако, поскольку файл htaccess сайта является «точечным файлом » (то есть он обычно скрыт), найти его немного сложнее, чем большинство файлов. Поскольку это скрытый файл, то если вы загружаете его на свой компьютере точно так же, как обычный файл, то он остается скрытым, что затрудняет его редактирование.
Важно: если все это звучит немного пугающе, то вам, вероятно, лучше оставить его, пока у вас не будет немного больше опыта. Так как это не то место, где можно углубиться в необходимые основы, такие как использовать клиент FTP, как редактировать файлы на сервере или вне его, или как работать с точечными файлами.
Если вы уже знакомы с такими вещами, то все что вам нужно сделать, чтобы включить сжатие gzip, — это скопировать и вставить следующий код в файл htaccess вашего сайта:
1 2 3 4 5 6 7 8 9 10 | <ifModule mod_gzip.c> mod_gzip_on Yes mod_gzip_dechunk Yes mod_gzip_item_include file .(html?|txt|css|js|php|pl)$ mod_gzip_item_include handler ^cgi-script$ mod_gzip_item_include mime ^text/.* mod_gzip_item_include mime ^application/x-javascript.* mod_gzip_item_exclude mime ^image/.* mod_gzip_item_exclude rspheader ^Content-Encoding:.*gzip.* </ifModule> |
Все готово! Ваш текстовый контент, такой как HTML, CSS и JavaScript, теперь должен передаваться в сжатом формате gzip.
Проверка сжатия GZIP
Есть несколько способов проверить, сжаты ли файлы сайта с помощью gzip, один из самых простых заключается в использовании замечательного инструмента тестирования сайтов GTMetrix — о чем мы фактически говорили в предыдущей статье: Как использовать GTMetrix для проверки скорости сайта.
Если все работает должным образом (и, как всегда, вам, возможно, придется очистить кэш вашего сайта или подождать несколько минут, чтобы все вступило в силу), вы сможете увидеть следующее в разделе «Waterfall» результаты GTMetrix для вашего сайта:
Вывод
Gzip-сжатие — это одно из тех простых исправлений скорости, которое можно добавить на сайт — будь то это платформа WordPress или другая CMS. Если вы не включите сжатие gzip, то вы можете упустить значительное увеличение скорости.