1. Различия между HTTP / 1.1 и HTTP / 2
2. Какие браузеры поддерживают HTTP / 2?
3. Зачем вам нужно реализовать HTTP2
4. 2. Повышение удовлетворенности пользователей
5. 3. Сервер Push
6. 4. Создает дополнительный пример для реализации SSL
7. 5. Преимущества SEO
8. 6. Преимущество первопроходца
9. Отлично, как мне реализовать и перейти на HTTP / 2?
10. 2) Проверьте программное обеспечение вашего сервера
11. 3) Безопасен ли ваш сайт?
12. 4) Оптимизация вашего JavaScript и CSS для HTTP / 2
13. 5) Прощай, Спрайты с изображениями
14. 6) Использование доменного шардинга? Выключите его для HTTP / 2
15. Готов идти!

Google, Microsoft, Mozilla и Apple пытаются поощрить все бренды к тому, чтобы их веб-сайт был совместим с относительно новым протоколом HTTP / 2, который теперь поддерживается каждым из их веб-браузеров - Chrome, Edge, Firefox и Safari.

HTTP / 2 - это новая версия протокола HTTP, которая лежит в основе Интернета и революционизирует способы передачи интернет-данных между сервером веб-сайта и веб-браузером пользователя - это может потенциально удвоить скорость веб-сайта, что, конечно же, приведет к повышению удовлетворенности пользователей. это способствует повышению лояльности клиентов, потенциальных клиентов и продаж.

Тем не менее, основная проблема заключается в том, что в соответствии с W3Techs.com только 7,3% всех сайтов в настоящее время используют HTTP / 2 на момент написания.

Зачем? За пределами индустрии технологий, интернет-безопасности и веб-хостинга существует реальная неосведомленность о протоколе. В простейшем воплощении «включение» http / 2 является относительно простым, но чем больше размер веб-сайта, с которым вы работаете, тем сложнее создать экономическое обоснование - будь то бюрократия или технологические требования.

Давайте посмотрим на случай реализации HTTP / 2. Во-первых, в чем отличие с технической точки зрения. После этого мы рассмотрим, как вы можете перейти на HTTP / 2.

Различия между HTTP / 1.1 и HTTP / 2

Несмотря на то, что за последние два десятилетия все остальное в сети резко изменилось, HTTP остается относительно неизменным.

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

• HTTP / 2 позволяет отправлять несколько запросов, что означает, что он может работать намного быстрее, ускоряя ваш сайт. Время загрузки является важным фактором для сайтов: 40% потенциальных клиентов отказываются от покупки, если загрузка занимает более трех секунд в соответствии с Thawte ,

• HTTP / 2 мультиплексирован, что означает, что все части вашего сайта (будь то HTML, CSS или JavaScript) не будут блокировать друг друга и загружаться параллельно.

• HTTP / 2 также является двоичным, что делает его более эффективным, а заголовки сжимаются, что уменьшает объем данных в сети.

Вы можете проверить, поддерживает ли ваш сайт HTTP / 2, используя эту инструмент разработанный KeyCDN.

Какие браузеры поддерживают HTTP / 2?

В настоящее время все основные браузеры для настольных компьютеров поддерживают протокол HTTP / 2, а точнее, 70,15% всех браузеров, используемых в Интернете, способны загружать сайты в HTTP / 2.

Несмотря на это, HTTP / 2 и HTTP / 1.X имеют обратную совместимость, поэтому не беспокойтесь, ваши клиенты будут продолжать пользоваться веб-интерфейсом без проблем.

CanIUse.com имеет полезную разбивку совместимости через известные веб-браузеры.

Зачем вам нужно реализовать HTTP2

1. Преимущества скорости

Скорость загрузки, как мы видели, является неотъемлемой частью успеха вашего сайта. Если потеря вашего потенциального клиента является фактором для вашего сайта, вам следует подумать о переходе на HTTP / 2. В соответствии с Cloudflare.com когда они внедрили HTTP / 2, они увидели, что среднее время загрузки страницы клиентов сократилось почти вдвое - с 9,07 секунды для HTTP / 1.X до 4,27 секунды для HTTP / 2. Это значительное улучшение в ключевой области эффективности сайта.

2. Повышение удовлетворенности пользователей

Согласно исследованию QuBit.com 8% пользователей отказываются от покупки, если они испытывают медленную загрузку страниц - проблема, которая может быть частично решена с помощью HTTP / 2. В результате, ритейлеры по всему миру в настоящее время теряют потенциально 1,73 млрд фунтов стерлингов в год из-за плохой удовлетворенности пользователей.

3. Сервер Push

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

4. Создает дополнительный пример для реализации SSL

Хотя технически необязательно иметь SSL-сертификат для использования HTTP / 2, на момент написания этой статьи все основные браузеры отображали ваш сайт только в протоколе, если он у вас есть.

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

5. Преимущества SEO

В настоящее время Google не поощряет веб-сайты, использующие HTTP / 2, но играет определенную роль в вашей органичной видимости - благодаря тому, что вы выиграете от увеличения скорости веб-сайта и удовлетворенности пользователей.

6. Преимущество первопроходца

Лишь 7,1% веб-сайтов, в настоящее время использующих протокол HTTP / 2, имеют явное преимущество первопроходца, чтобы опередить конкурентов, а пока воспользоваться преимуществами самого быстрого веб-сайта в вашей отрасли или на рынке.

Отлично, как мне реализовать и перейти на HTTP / 2?

1) Сделай свою домашнюю работу. Проверьте, принесут ли ваши пользователи пользу

Во-первых, стоит посмотреть на данные Google Analytics, чтобы понять, используют ли большинство ваших нынешних посетителей веб-браузеры, которые фактически поддерживают HTTP / 2.

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

В Google Analytics вы можете проверить это, выполнив следующие действия:

1. Откройте Google Analytics и выберите свой профиль веб-сайта
2. Перейдите к отчету Аудитория> Технология> Браузер и ОС.
3. По умолчанию ваш основной выбранный размер будет установлен на Браузеры.
4. Измените вторичное измерение на Пользователи> Версия браузера.

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

2) Проверьте программное обеспечение вашего сервера

Отсюда вы можете перейти к фактической реализации HTTP / 2. Узнайте у своей хостинговой компании или веб-группы, какая операционная система используется в настоящее время на ваших веб-серверах - скорее всего, Apache или NGINX и поддерживает ли ваша текущая версия HTTP / 2 «из коробки».

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

Apache начал поддерживать HTTP / 2 с версии 2.4.17 и NGINX 1.9.5. Тем не менее, убедитесь, что ваш сервер будет продолжать поддерживать всех пользователей HTTP / 1.X в качестве запасного варианта.

Полный список программ, поддерживающих HTTP / 2, можно найти на официальном GitHub документация Вот.

3) Безопасен ли ваш сайт?

Также мало смысла переходить на HTTP / 2, если на вашем сервере в настоящее время нет SSL-сертификата. Большинство браузеров просто игнорируют HTTP / 2-версию вашего сайта, если она не защищена.

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

4) Оптимизация вашего JavaScript и CSS для HTTP / 2

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

Например, общая рекомендация в HTTP / 1 заключалась в том, чтобы уменьшить количество файлов CSS и Javascript, на которые есть ссылки в вашем исходном коде, и объединить их в «главные» файлы.

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

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

Благодаря быстродействию HTTP / 2 рекомендуется загружать только тот код JS / CSS, который действительно необходим пользователю при посещении страницы. Здравый смысл, верно?

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

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

5) Прощай, Спрайты с изображениями

Аналогичным образом Image Sprites - это еще одна популярная методика, предназначенная для ускорения работы вашего сайта по протоколу HTTP / 1.1.

До HTTP / 2 и SPDY каждый запрос ресурсов вашей страницы занимал много времени; каждое новое изображение на вашем сайте означало дополнительные миллисекунды времени загрузки. Чтобы сэкономить время и сетевые ресурсы, веб-разработчики обычно берут несколько изображений со страницы и объединяют их в одно «супер изображение». После загрузки браузер будет вырезать соответствующую картинку из большего спрайта изображения.

В SPDY или HTTP / 2 этот метод не нужен, поскольку эти протоколы созданы для параллельного выполнения множества запросов без блокировки друг друга. Загрузка одного большого изображения вместо множества небольших изображений не дает никаких преимуществ.

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

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

6) Использование доменного шардинга? Выключите его для HTTP / 2

Разделение доменов - это метод, при котором вы пытаетесь распараллелить загрузку как можно большего количества ресурсов одновременно, разделив ваш контент на несколько доменов.

С HTTP / 2 эта тактика становится избыточной и, возможно, вредной. Лучшее решение - реализовать умный домен шардинг , Это сохраняет преимущества разделения домена для тех пользователей, которые посещают ваш сайт по HTTP / 1.1 и игнорируют его для пользователей по HTTP / 2.

Готов идти!

Вот и все. Надеюсь, теперь у вас есть возможность сделать это и понять, как перейти на HTTP / 2. Стоит также обратиться к HTTP / 2 официальный GitHub для получения дополнительной технической информации во время вашей реализации.

Если вы сделаете это, вы станете первопроходцем в HTTP / 2 вместе с Facebook, Twitter, Yahoo! и неудивительно, что Google, которые все в настоящее время используют протокол.

Похожие

Комментарии