Лучший опыт

Как сжать HTML-файл.

Как сжать HTML-файл.

Содержание
Сжатие против минификации
Зачем сжимать -файл?
Как сжать -файл
Параметры сжатия файлов
Держите его маленьким, оставайтесь простым

сейчас используется более чем на и 93,4% из этих сайтов используют 5. В этом есть смысл: язык разметки гипертекста мощный, универсальный и легкий, что делает его идеальным для постоянно развивающихся веб-сайтов и веб-приложений.

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

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

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

Сжатие против минификации

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

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

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

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

Зачем сжимать -файл?

У сжатия файлов есть два ключевых преимущества: повышенная скорость веб-сайта и сокращение использования полосы пропускания. Давайте разберем оба более подробно.

Когда дело доходит до скорости, рассмотрите сайт, использующий значительное количество -кода. Каждый раз, когда на ваш сайт приходит новый посетитель, его браузер делает HTTPS-запрос для определенных страниц, которые затем обнаруживаются и отправляются обратно в браузер. Чем больше -кода, тем больше страницы, а это означает, что конечным пользователям требуется больше времени для получения заполненной страницы. Однако с помощью утилит сжатия , совместимых с протоколом HTTP, ваш веб-сервер может сжать страницу до того, как она покинет ваш сервер; браузер пользователя затем распакует страницу, когда она появится, увеличивая общую скорость. Хотя для этого требуется дополнительная мощность ЦП на стороне сервера, современные хостинговые решения обычно способны удовлетворить это дополнительное использование ресурсов.

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

Как сжать -файл

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

Рассмотрим эту строку текста: «привет, привет, привет, привет»

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

"Привет, х {это х} {это х}"

Затем он распознает, что текст ссылки на шесть символов позади и имеет длину шесть символов:

"Привет, h [6,6] {it h} it"

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

«Привет, [6,16]»

Параметры сжатия файлов

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

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

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

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

Держите его маленьким, оставайтесь простым

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

Источник записи: