Руководство для начинающих по оптимизации файлов сайта (загрузка на 70% быстрее)

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


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

Короче говоря, один из наиболее важных способов ускорить загрузку страниц – ускорить загрузку файлов JavaScript (JS) … И вы можете ускорить JavaScript, используя сжатие GZIP..

Теперь это идеально подходит только для современных браузеров, но большинство людей в Интернете используют последние устройства и браузеры. И Yahoo, и Google используют сжатие GZIP.

Но сначала давайте установим немного контекста.

Шаг № 1: Что такое кодирование контента?

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

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

HTTP-запрос

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

Итак, что вы делаете, когда файл слишком большой?

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

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

  • Браузер сообщает серверу, что нормально отправлять сжатый контент, отправляя заголовок
  • Если содержимое сжато, сервер отправляет ответ

Если файл не сжат, сервер не будет отправлять заголовок ответа с кодировкой содержимого. Заголовок accept-encoding – это не требование, а запрос браузера..

Браузеру придется иметь дело с обычной тяжелой версией, если сервер не отправляет сжатый контент.

Начало настройки сервера

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

веб-производительность после сжатия

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

В Apache есть два варианта сжатия:

  • mod_deflate является стандартным и его проще настроить
  • mod_gzip позволяет предварительно сжимать контент, и он кажется более мощным

легко apache выкачать

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

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

Чтобы вернуть сжатый контент, вы можете использовать PHP, если вы не можете внести изменения в ваш файл .htaccess. В PHP:

<?php if (substr_count ($ _ SERVER [‘HTTP_ACCEPT_ENCODING’], ‘gzip’)) ob_start («ob_gzhandler»); еще ob_start (); ?>

Вернутая в архив версия файла возвращается после проверки заголовка accept-encoding. Это похоже на создание собственного веб-сервера. Чтобы сжать ваш вывод, Apache делает это проще.

Важное предупреждение: большинство программ для создания веб-сайтов не допускают редактирования на уровне кода (за некоторыми исключениями). В Hosting Canada мы являемся сторонниками самостоятельного размещения вашего сайта, но понимаем, что это не для всех. При использовании конструкторов веб-сайтов, таких как Squarespace, Wix или Weebly, подобная обработка уровня сервера, вероятно, недостижима.

Проверьте свое сжатие

Важно убедиться, что вы доставляете сжатый контент после завершения настройки сервера. Чтобы определить, сжимается ли ваша страница в Интернете, вы можете использовать онлайн-тест GZIP.

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

Если содержимое было отправлено в сжатом виде, вы увидите заголовок «content-encoding: GZIP».

Google Chrome GZIP заголовок

Чтобы получить более подробную информацию, вы можете нажать на иконку «использовать большие строки». Это также предоставляет информацию об истинном размере контента и сжатом размере передачи.

Предостережения для рассмотрения

Сжатие дает множество преимуществ, но у всего есть недостатки. Вы хотите знать следующее:

  • График коэффициента сжатияКонтент, который уже сжат: Большинство музыки, видео и изображений уже сжаты. Если вы попытаетесь сжать их снова, это в значительной степени просто трата времени. В большинстве случаев вам нужно беспокоиться только о сжатии CSS, HTML и JavaScript.
  • Старые браузеры: Сжатый контент не совместим со всеми браузерами. Это особенно верно для браузеров, которые старше. Например, вы можете избежать сжатия HTTP, если вам нужно работать в Windows 95 или Netscape 1.0. Есть некоторые правила и рекомендации, чтобы избежать сжатия для старых браузеров с Apache mod-deflate.
  • CPU-нагрузка: Экономьте пропускную способность и используйте процессорное время, когда вы сжимаете контент на лету. Учитывая скорость сжатия, компромисс обычно рассматривается как справедливый. Существуют способы отправки сжатых версий и предварительного сжатия статического содержимого. Это обычно требует большей конфигурации. Помните, что люди в Интернете имеют небольшую концентрацию внимания, поэтому повышение скорости для лучшего взаимодействия с пользователем с помощью циклов ЦП, как правило, всегда хорошая идея..

Почему вы должны использовать сжатие GZIP

консоль сжатия httpСжатие GZIP предлагает множество преимуществ. Важно знать, что это такое, чтобы вы полностью осознавали, почему вы должны начать его использовать.

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

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

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

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

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

Более быстрый сайт также увеличивает конверсию. Это означает, что если у вас есть сайт электронной коммерции, чем быстрее он загружается, тем выше ваши продажи. Фактически, приблизительно 51 процент американцев говорят, что причина номер один, по которой они отказываются от покупки, – медленный веб-сайт..

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

Устранение неполадок при сжатии GZIP

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

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

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

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

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

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

Если ваш браузер устарел, это также может вызвать проблемы со сжатием GZIP. Это особенно характерно для старых версий Internet Explorer. Если многие люди, которые посещают ваш сайт, используют старый браузер, вам, возможно, придется решить эту проблему..

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

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

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

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

Для получения дополнительной информации посмотрите мое руководство о том, как улучшить скорость вашего сайта.

Отзывы и изображения:

  • BetterExplained.com
  • OpenSourceVarsity.com
  • Geekeasier.com
  • WebPerformance.com
Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map