Gzip сжатие для ускорения загрузки сайта — как его включить для Js, Html и Css с помощью файла


Содержание материала:

Ускорение загрузки сайта, как включить кеширование, GZIP сжатие .htaccess

как включить кеширование и GZIP сжатие — отредактируем файл .htaccess.

GZIP сжатие css, js и html

GZIP сжатие (архивирование, gZip compression) — это сжатие, упаковка в архив всех текстовых файлов на сервере сайта до передачи их на компьютер пользователя.

В браузере пользователя сжатые страницы html, js,css распаковываются. В результате времени (и трафика) на передачу расходуется меньше.

Включить GZIP сжатие добавим в файл .htaccess

Как еще можно ускорить загрузку сайта?

Срок действия кеширования выставляют при помощи HTTP-заголовков (долгосрочных заголовков), которые вносят в файл .htaccess. Кеширование (запоминание) позволяют предотвратить непрерывные запросы браузера пользователя к не измененным ресурсам.

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

Где срок действия для объектов – это access plus 7 days. Иногда устанавливают более длительный срок access plus 1 month или даже access plus 1 years.

Сжатие gzip и кэш браузера в htaccess

При оптимизация скорости работы сайта инструменты типа Google PageSpeed Tools рекомендуют использовать кэш браузера и включить сжатие. Приведенные ниже примеры показывают как их включить.
Данный код нужно добавить в .htaccess в корне сайта.

Сжатие gzip

На хостинге nic.ru нужно включить модуль mod_deflate :
Хостинг, почта, конструктор сайтов → Управление хостингом → Управление модулями

Включение кэширования

Google рекомендует кэшировать статические файлы на срок не менее года.
В данном примере 31557600 – один год. Подробнее на developers.google.com

Сброс кэша

Как такового способа очистить сразу весь кэш браузера нет, но можно добавить GET параметр ?ver=1 к ссылкам на часто изменяемые файлы JS и CSS и после правок его менять.

Чтобы каждый раз не редактировать множество шаблонов, значение версии задавать PHP константой:

Включить Gzip сжатие для Js, Html и Css через .htaccess

Как включить Gzip сжатие для Js, Html и Css через .htaccess
Выполняем ssh если у вас Ubuntu

Поэтому мне пришлось еще раз вносить изменения в .htaccess для того, чтобы Gzip сжатие было включено для js и ccs объектов. Правда поначалу, используемый мною код позволил решить только половину проблемы — Gzip включилось для Css, но для скриптов сжатие по прежнему не применялось на сервере.
Вот вариант того кода:

Кстати, если ваш хостер совсем не включил Gzip даже для основного файла документа, то в приведенный выше код вам нужно будет добивать еще одну строчку в середину:

У вас заработало? Если да, то поздравляю с существенным увеличением скорости загрузки сайта, а если нет, то попробуйте такой вариант, который помог мне добиться приведенной выше картинки в окне Page Speed:

Теперь практически все, что можно сжать, будет архивировано на самом сервере, прежде чем быть отправленными в браузеры посетителей. Этим вы существенно увеличите скорость подгрузки страниц, но в то же время существенно нагрузите сервер вашего хостинга (у меня произошло увеличение процентов на 50).

Gzip сжатие для ускорения загрузки сайта — как его включить для Js, Html и Css с помощью файла .htaccess

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

Нажав кнопку «Принять и продолжить», вы соглашаетесь с Политики конфиденциальности

Мы запустили рейтинг зарплат интернет-маркетологов! Прими участие в анонимном опросе.

How-to – Читать 7 минут – 16 апреля 2020

При открытии страницы браузер загружает файлы с разным расширением. Gzip-сжатие HTML-страниц распространяется на такие форматы файлов: .html, .xml, .js, .css. Чем больше размер таких файлов, тем дольше грузится контент.

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

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

С помощью этих и схожих онлайн-инструментов можно проверить уровень Gzip-сжатия на сайтах ОpenCart и других движков. Нельзя пренебрегать рекомендацией по сжатию контента, так как оно напрямую влияет на SEO-продвижение и желание посетителя оставаться на сайте.

Для достижения максимальной эффективности одного сжатия будет мало. Его нужно использовать в комплексе с другими способами уменьшить вес страниц:

  • использовать .gif, .jpeg, .png форматы изображений в зависимости от их типа;
  • применять технологию кэширования;
  • уменьшать объем файлов .css и .js;
  • включать файлы формата .css в начало страницы, а .js — в конец;
  • уменьшить количество HTTP-запросов.

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

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

Минус — в дополнительной нагрузке на сервер. Ресурсы хостинга могут не потянуть сайты с большой посещаемостью. Придется переходить на более дорогой тариф или менять провайдера.

Чтобы включить сжатие в Apache, нужно внести элемент кода в файл .htaccess. Доступ к нему имеется в админ-панели хостинга или любом FTP-клиенте:

Если после сохранения кода анализ скорости загрузки сайта снова показывает отсутствие сжатия, вероятная проблема может быть в сервере. Некоторые провайдеры используют склейку серверов Apache и Nginx. В этом случае самостоятельно подключить сжатие не удастся. Решением станет обращение в сервисную службу хостинг-провайдера.

Топ-пост этого месяца:  Фреймворк Bootstrap мощь и гибкость современного фреймворка

При невозможности решения вопроса через mod_deflate — попробуйте вместо него использовать другой модуль mod_gzip. Для этого внесите команды в файл .htaccess:

Проверьте, сработал ли модуль на этот раз.

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

Чтобы подключить статическое сжатие, скачайте все файлы нужных форматов на компьютер с помощью файлового менеджера или панели хостинга. Далее установите программу 7-Zip. Найдите через программу каждый файл, который нужно сжать. Нажмите правой кнопкой мыши на каждый из них и добавьте его в архив:

10 лучших способов ускорить загрузку сайта

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

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

Статистика проводит прямую связь между скоростью выдачи информации и поведением пользователей.

1. Оптимизируйте HTML-код и CSS-, JS-файлы

Оптимизация загрузки невозможна без заботы о «чистоте» кода, передающегося браузеру пользователя при заходе на сайт. Большое число символов в исходном коде заметно влияет на скорость загрузки, поэтому его краткость является важным фактором успеха.

Как минимизировать код для ускорения загрузки сайта

  • Удалить лишние символы, элементы разметки и теги исходного кода. Автоматизировать процесс поможет добавление небольшой вставки в начало и конец HTML-кода сайта.

Такой метод буферизации HTML-контента достаточно эффективен, но может создать дополнительную нагрузку на оперативную память.

  • Сгруппировать однотипные CSS-файлы и JS-файлы. Объединить элементы помогут бесплатные PHP-приложения, вроде JCH Optimize, Cloudflare или Minify, которые копируются в отдельную директорию и пропускают через себя все файлы сайта.
  • 2. Уберите лишние HTTP-запросы

    Выгрузка элементов страницы (JavaScript, изображений, CSS- и флеш-файлов) занимает львиную долю ресурсов системы при загрузке сайта. HTTP-запросы к таким элементам заметно тормозят работу сайта.

    Чтобы избежать «лишних» запросов, нужно сократить число компонентов страницы. Это повлечет пропорциональное уменьшение обращений к серверу и позволит ускорить загрузку сайта.

    Сделать это можно несколькими способами:

    • Комбинировать нескольких изображений в один графический файл (CSS-спрайт);
    • Использовать встроенные изображения (Inline-картинки) в таблице стилей страницы;
    • Несколько CSS-файлов или скриптов на одной странице объединить в один файл;
    • Минимизировать число скриптов и плагинов.

    3. Расположите JavaScript и CSS в нужном порядке

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

    Флеш-элементы или анимация, требующие больше ресурсов для загрузки, не будет «вырываться» вперёд и портить впечатление о сайте с первых секунд. Это обеспечит плавную загрузку контента и повысит эстетическую привлекательность ресурса.

    4. Уменьшите число внешних скриптов

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

    Конечно, упор на локальные скрипты создаст определённые ограничения во внешнем виде и функциональности сайта. Но полученное преимущество в скорости загрузки стоит этих «жертв».

    5. Задействуйте функцию flush

    Этот PHP-функционал позволяет не ждать, пока сервер пользователя загрузит информацию с ресурса, а выводить её по частям. Пока данные передаются в браузер, открытое окно не останется пустым, а плавно наполняется подгружаемыми элементами сайта. Такое ускорение особенно необходимо веб-ресурсам со сложным интерфейсом и большой посещаемостью.

    Размещать функцию flush лучше в начале исходного кода страницы, сразу за head. Из заголовка HTML-контент будет открываться быстрее, к тому же так можно включить параллельную загрузку элементов CSS и JavaScript.

    6. Кэшируйте страницы

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

    Подключить кэширование можно путём добавления в HTML-код заголовка expires. Сайты на WordPress легко кэшируются с помощью установки плагинов с бесплатным или частично бесплатным функционалом, вроде W3 Total Cache, Cache Enabler или Zen Cach.

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

    7. Пользуйтесь CDN

    Сеть доставки контента (Content Delivery Network) – цепочка серверов, разбросанных в дата-центрах по всему миру с целью увеличения скорости передачи контента ресурса посетителям. Чем ближе посетитель находится географически от CDN-серверов, тем быстрее передаются пакеты данных с сайта.

    Сеть доставки и дистрибуции контента делает информацию доступнее для людей по всему миру

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

    Популярные сети доставки контента (CDN)

    8. Оптимизируйте графику и видео

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

    Рекомендуемые форматы под разный веб-контент

    • SVG – для векторных логотипов и несложных элементов интерфейса;
    • PNG – для схем и не векторных логотипов;
    • JPG – для фото и изображений;
    • MPEG4 – для видео и анимации.

    Также для видео и анимации доступен еще относительно новый формат WEBM. В большинстве случаев он обеспечивает меньший размер видео при аналогичном качестве. Однако, формат имеет ограниченную поддержку браузерами (например, нет поддержки в браузере MacOS/iOS Safari). Поэтому рекомендуется приоритетным источником видео использовать файл в формате WEBM, а альтернативным – установить MPEG4. Также можно использовать только MPEG4, если совместно использование недопустимо или неудобно.

    Отдельно отметим, что векторный формат (SVG) позволяет осуществлять масштабирование без потерь качества графики.

    Этапы оптимизации изображений

    Шаг 1 – Уменьшение размера изображения.

    Во многих популярных CMS, таких как WordPress или Joomla есть встроенные плагины для оптимизации изображений из оригинала. Но такой способ создаёт дополнительную нагрузку и может замедлить сайт. При каждой загрузке страницы браузер сперва обращается к исходнику, а только затем меняет размеры изображения «на лету».

    Избежать потерь скорости при загрузке изображений помогут встроенные в ОС графические редакторы, вроде Preview (Mac) или Microsoft Paint (Windows), а также онлайн-сервисы с похожим функционалом. Для работы с ними потребуются минимальные навыки работы с графикой.

    Шаг 2 – Сжатие файла перед загрузкой.


    Даже после оптимизации размеров изображения, его «вес» обычно ещё далёк от оптимального. Уменьшить размер без потери качества картинки помогают такие удобные и бесплатные сервисы, как ImageResize или TinyPNG. Большинство процессов здесь автоматизировано. Пользователю нужно только залить файлы и скачать уже ужатые до оптимального размера изображения.

    Топ-пост этого месяца:  Как сделать поля ACF мультиязычными с помощью polylang

    9. Примените Gzip-сжатие файлов

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

    Способы внедрения Gzip-сжатия

    • Добавить следующий фрагмент кода в конфигурационный файл веб-сервера «.htaccess».
    • Добавить следующий отрывок кода в начало HTML- или PHP-страницы. Он проверяет поддерживается ли gzip-сжатие файлов браузером. Если поддерживается – использует его.
    • Инсталлировать на сайт Gzip-плагин. Например, W3 Total Cache для сайтов на WordPress.

    10. Сменить хостинг

    Самый радикальный метод ускорения загрузки – смена хостинг-провайдера. Экономия на размещении ресурса часто приводит к значительному ухудшению качества услуг, что подрывает все попытки ускорить сайт на корню.

    Если манипуляции с контентом, кодом и плагинами не приносят результата, самое время задуматься о выборе более достойного «дома» для сайта. На качественном хостинге с высокой отказоустойчивостью и заботливой технической поддержкой интернет-ресурс получит мощный импульс для увеличения скорости работы. А это обязательно оценит благодарная аудитория.

    Вывод

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

    Ищите надёжную площадку для размещения сайта? Веб-хостинг от Eternalhost – надёжный фундамент, который обеспечит быструю и бесперебойную работу интернет-ресурса!

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

    Gzip сжатие: разновидности и как включить

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

    Что представляет собой процесс?

    Архивированный контент является частью спецификации HTTP 1.1, поэтому он поддерживается новыми версиями браузеров. По статистике, gzip сжатие используют 56% веб-ресурсов. Обработка текстовых форматов (CSS, XML, Javascipt, txt и HTML) уменьшает объем данных до 70%.

    Кроме этого процесс применим к скриптам (JavaScript, jQuery). Для того чтобы узнать, поддерживает ли сайт компрессию, можно воспользоваться сервисом Gzip Checker.

    Gzip сжатие работает следующим образом:

    • сервер резервирует данные;
    • при получении информации браузер распаковывает ее и показывает результат.

    В основе процесса лежит алгоритм Deflate — комбинация методов LZ77 и Хаффмана. Этот вид архивации обеспечивает компрессию без потерь, т.е. исходные данные полностью восстанавливаются при распаковке.

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

    Существует 2 варианта того, как включить сжатие gzip:

    Каждый из способов имеет свои недостатки и преимущества. Главное — перед внесением изменений сделать резервную копию контента и редактируемых документов.

    Динамическое сжатие

    Существенный недостаток этого вида компрессии — увеличение нагрузки на сервер и хостинг провайдера. Динамическое gzip сжатие представляет собой потоковое резервирование файлов с помощью веб-сервера и дальнейшую распаковку в браузере пользователя. При этом уменьшается объем передаваемых данных в 3-5 раз, что приводит к более быстрой загрузке страниц сайта.

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

    Включите сжатие html, css и js, скопировав в файл htaccess следующий код:

    • SetOutputFilter DEFLATE;
    • Header append Vary User-Agent;

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

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

    Сжатие страницы этим методом подходит только для работы с серверами под управлением Apache, который используется более чем в 90% случаев. Если же манипуляции с документом не дали результата, нужно уточнить у провайдера возможность включения этой функции на хостинге.

    Htaccess — файл дополнительной конфигурации Apache и подобных серверов. Благодаря ему регулируются доступ к каталогам, переназначение типов документов и другие параметры. При этом не задействуется главный конфигурационный файл и не нарушается работа всего сервиса. Htaccess отличается от httpd.conf тем, что действует также на дочерние каталоги.

    Gzip может сжимать на нескольких уровнях — от 1 (быстрый, но с минимальным результатом архивирования) до 9 (медленный, но с максимальной компрессией). По умолчанию стоит значение 6. Это обеспечивает достаточный уровень обработки, не перегружая процессор.

    Последняя версия плагина Hyper Cache позволяет осуществить gzip сжатие для WordPress. Для его включения необходимо поставить галочку напротив соответствующей опции в разделе Компрессия.

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

    Для настройки компрессии на WordPress не обязательно устанавливать Hyper Cache. Архивирование станет возможным после добавления в файл index.php следующей строчки: ob_start («ob_gzhandler»);

    Стоит уточнить, что этот код не заменит весь функционал плагина. Документ index.php можно найти в корневом каталоге сайта.

    Статическое сжатие

    Осуществление этого варианта потребует больше времени и усилий, но в результате не будет оказываться лишняя нагрузка на сервер. Процесс выглядит так:

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

    Таким образом сервер не тратит ресурсы на потоковую компрессию информации.

    Тема в WordPress состоит из php файлов. Их взаимодействие с браузером приводит к генерированию html, в результате чего пользователь видит веб-страницу. Поэтому нельзя поместить архив с такого рода документами в корневую папку. Этот вид компрессии не подходит для архивирования html страниц.

    Перед тем как включить статическое сжатие на сайте, необходимо скачать файлы js и css, а также архиватор 7-zip на компьютер. Далее нужно выполнить следующие действия:

    1. Установить программу.
    2. Запустив архиватор, нажать на нужном файле правой кнопкой мыши.
    3. В меню выбрать «7-zip», затем — «Добавить к архиву».
    4. В появившемся окне отметить интересующий формат компрессии и режим изменения. Другие параметры менять не стоит.

    После этого пользователь получит 2 файла: оригинал и архив с расширением gz. Не все браузеры поддерживают такой формат. Поэтому нужно удалить окончание после точки. В результате получится файл style.js или style.css, который в действительности будет архивом.

    Некоторые старые версии браузеров не работают с gzip компрессией, поэтому название оригинального файла должно выглядеть так: style.nogzip.css (или js). Эту процедуру нужно повторить со всеми документами, которые загружаются вместе со страницами сайта.

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

    Топ-пост этого месяца:  Маркетинг-кит что это такое, создание, примеры и шаблоны

    Компрессия данных актуальна даже в эпоху высокоскоростного соединения и неограниченных хранилищ. Особенно важно использовать сжатие при оптимизации сайтов для мобильных устройств.

    Ускорение Работы Сайта – Gzip Сжатие

    Введение

    Если кто-то заходит к вам на сайт, то на ваш сервер отправляется запрос на доставку требуемых файлов. Чем больше эти файлы, тем больше времени потребуется для их загрузки. Сжимая вашу веб-страницу и CSS перед их отправкой браузеру, вы значительно снижаете время загрузки из-за меньшего размера файлов. Для данных целей можно использовать gzip сжатие.

    Gzip находит одинаковые строки в текстовом файле и временно их заменяет, тем самым уменьшая общий размер файла. Gzip сжатие особенно выгодно в сфере веб-технологий, так как HTML и CSS файлы используют множество повторяющихся строк и пробелов. В конечном итоге, gzip может сжать размер страницы и CSS стилей до 60-70%.

    ВАЖНО! Gzip ускоряет работу вашего сайта, но увеличивает нагрузку на центральный процессор. Перед включением убедитесь в рациональности его использования.

    Что вам понадобится

    Перед тем, как вы начнете это руководство, вам понадобится следующее:

    • Доступ к файлу .htaccess
    • Доступ к cPanel (необязательно)

    Шаг 1 — Включение gzip сжатия

    Вы можете включить gzip для вашего сайта используя mod_gzip или mod_deflate. Рекомендуется использовать сжатие mod_deflate, так как оно использует более хороший алгоритм сжатия и сами модули совместимы с более поздними версиями Apache. Больше информации об этих двух методах вы можете найти в этой статье журнала Linux.

    Вариант 1 — Редактирование .htaccess

    Gzip сжатие через mod_deflate (рекомендованное) может быть включено путем добавления следующего кода в ваш файл .htaccess (руководство о том, как найти ваш файл .htaccess может быть найдено здесь):

    Если ваш сервер не поддерживает mod_deflate, вы можете попробовать альтернативный вариант mod_gzip:

    Как только изменения будут сохранены, gzip сжатие будет включено.

    Вариант 2 — Плагины CMS

    Пользователи WordPress могут включить gzip сжатие, установив такие плагины, как GZip Ninja Speed Compression.

    На Joomla вы можете включить gzip в панели управления вашим сайтом в разделе Система → Глобальные настройки → Сервер. Вы также можете посетить наше руководство об улучшении производительности Joomla здесь.

    Вариант 3 — Включение gzip через cPanel

    Если вы используете cPanel, вы можете включить gzip для всех ваших сайтов в разделе Оптимизация сайтов. Подробное руководство может быть найдено здесь.

    Вариант 4 — Хостинг на базе Windows

    Если вы используете сервер на базе Windows, вы можете включить HTTP сжатие для статического и динамического контента через командную строку:

    За подробностями вы можете обратиться к официальному руководству Microsoft.

    Шаг 2 — Проверка gzip сжатия

    Gzip сжатие может быть проверено несколькими различными инструментами, к примеру WebPageTest или GTMetrix.

    Вот результаты ПЕРЕД включением gzip сжатия:

    Для сравнения, вот результаты ПОСЛЕ включения gzip сжатия:

    Заключение

    В этом кратком руководстве вы научились, как ускорить работу сайта с помощью gzip сжатия. Включить его можно несколькими способами; через .htaccess и добавление mod_gzip или mod_deflate, через CMS плагины, cPanel или с помощью специальных команд на Windows сервере.

    Как ускорить загрузку своего сайта при помощи compress.php, который объединит и сожмёт JS + CSS в Gzip

    Подробные инструкции, которые даются на code.google позволят вам:

    • Сжать все многочисленные скрипты JS и стили CSS
    • Соединить все полученные файлы в один JS и в один CSS
    • Сжать полученные два файла в формат GZIP, который понимают почти все браузеры и умеют распаковывать на лету
    • Прописать такой .htaccess, который заставляет браузеры кэшировать данные два файла

    Всё это будет происходить при запуске единственного скрипта compress.php

    Для примера, результат сжатия скриптов моего сайта:

    • JS: сжато в gzip 26 698 B, сжато без gzip 95 796 B, было 120 147 B
    • CSS: сжато в gzip 46 049 B, сжато без gzip 160 001 B, было 281 870 B

    Получается, что экономия трафика составляет 329 270 B. Но основной выигрыш для скорости загрузки в том, что теперь загружается не 14 файлов, а всего 2 (а это намного быстрее, так как браузер не тратит время на запросы). Причём делается это один раз, а не динамически силами самого сервера (тем более, что не все сервера поддерживают подобное конфигурирование сжатия для экономии ресурсов процессора).

    Как включить gzip сжатие и кратно ускорить сайт

    Что значит «Включить сжатие»

    Допустим, пользователь открыл страницу и запустил процессы передачи данных с сервера. В браузер пользователя отправляются изображения и текстовые файлы с расширениями: .html, .css, .js и т.д.

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

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

    Все современные браузеры, в том числе и мобильные, прекрасно умеют обрабатывать файлы с расширением .gz. Т.е, если браузеру оправить сжатые файлы, то он их распакует и отобразит содержимое.

    Но как включить это gzip сжатие? Давайте обо всем по порядку. Реализовать gzip сжатие файлов на сервере можно двумя способами — динамическим или статическим.
    Сегодня мы займемся динамическим (так как он быстрее, проще и не требует особых навыков)

    Для начала перейдем сюда и проанализируем наш сайт. (Сразу скажу, что данные анализа всегда имели рекомендательный характер и на 100% полагаться на них не стоит. но при желании можно и учесть)

    Итак мы получили такую картину

    Вроде как неплохо. но все же попробуем.

    Динамическое gzip сжатие включить очень просто, достаточно добавить в файл .htaccess следующий код:

    # сжатие text, html, javascript, css, xml:

    AddOutputFilterByType DEFLATE text/html text/plain text/xml application/xml application/xhtml+xml text/css text/javascript application/javascript application/x-javascript

    И снова замерим:

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

    Как в Apache включить сжатие Gzip для JS, html, CSS?

    Сегодня я расскажу о том, о чем легко забыть при создании сайта, о включении сжатия при отдаче текстового содержимого. Речь идет о контенте типа html, js и css, ведь как и любой текст, они неплохо сжимаются. Apache умеет делать это на лету, позволяя тем самым отдавать вместо, скажем, 200 кб всего двадцать. Очевидно, сайт будет при этом загружаться намного быстрее, радуя тем самым и пользователя, и поискового робота. При включенном поточном сжатии gzip у пользователя возникнет впечатление, что сайт «летает», а робот «обрадуется», что ему не придется выкачивать дополнительные тонны несжатой информации.

    Включить поточное сжатие текстового содержимого в Apache очень просто. Нужно лишь отредактировать корневой файл .htaccess, добавив туда следующие строки:

    Смысл кода в том, что сжатие включается тогда, когда в Apache загружен модуль mod_deflate. Через пробел здесь перечислены основные типы текстового содержимого, для которых целесообразно включать сжатие. Естественно, можно добавлять используемые вами другие типы, для обеспечения сжатия нужного контента.

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