Где найти клиентов и как в этом поможет сайт

В настоящее время необходим вебсайтинтернетмагазин или блогБыстрый вебсайт не только дает вашим посетителям гораздо лучший опытно также помогает вашему сайту оцениватьОтправка меньше HTTPзапросов на сервер может улучшить время загрузки вашего сайтаНо почему?

Что такое HTTPзапросы?

HTTPзапросы — это запросыкоторые отправляются на сервер всякий разкогда ктото посещает ваш сайтЭти запросы могут содержать разнообразную информацию для обработки и действия сервераНаиболее важной частью такого запроса является URLадресНа основе этой информации сервер попытается вернуть действительный ответнапример файлПервая стабильная реализация HTTPHTTP / 1.0делает эти запросы последовательноЭто означаетчто группа запросов должна быть завершена до отправки следующей группыОчевидноэто означаетчто страницы с большим количеством внешних файлов будут страдать от более длительного времени загрузкичто сделает ваш сайт медленным.

Ускорение начального времени загрузкикачественный сайт

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

Конвейерная обработка писем

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

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

Давайте возьмем пользовательский плагин jQuery в качестве примера тогокак конвейерная обработка браузера может принести больше вредачем пользыПоскольку ваш пользовательский плагин зависит от jQueryбиблиотека jQuery должна быть полностью загружена до тогокак ваш плагин сможет нормально работатьВозможновы уже видитегде это может пойти не такпотому что конвейерная обработка браузера не ждет предыдущих запросовваш плагин может загружаться до jQueryРезультатОшибки JavaScript.

Эта проблема с порядком загрузки также может легко возникать с чемто вроде изображенийВ случае изображений возможночто порядок отображения изображений будет отличаться от фактического порядка в вашем HTML.

Блокировка HOL

Другое явлениекоторое иногда возникает при использовании конвейеризации браузеров, — это блокировка Headofline (блокировка HOL). Это означаетчто конкретный пакет (часть файлапозволяет успешно завершить другой пакет того же файлаДругие пакеты могут продолжать работу только после завершения доставки первого пакета в браузер.

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

Переместить файлы JavaScript из раздела head
Есть еще один способ ускорить загрузку вашего сайта без лишних хлопотНо сначала краткий урок истории!

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

Еще в 2007 году появилась новая передовая практикаЭта передовая практика рекомендует переместить весь JavaScript из раздела  в нижнюю часть страницы непосредственно перед тегом</ body>. ЗачемПоскольку JavaScript блокирует дальнейший показ страницыпока не загрузит все ее файлыПеремещая JavaScriptHTMLстраница страницы сначала создается вместо последнегоИногда возможночто вы хотитечтобы страница страницы дождалась загрузки конкретного файла JavaScriptЭто было бы единственным исключениемкогда дело касалось перемещения файлов из раздела  вашего HTML.

Перемещение CSS в нижней части страницы не  рекомендуетсятак как оно не позволяет браузеру правильно отображать и форматировать ваш контентЭто влияет на общий пользовательский интерфейсНикто не хочет посещать вебсайтгде текст перескакивает по экранупотому что таблица стилей не загружается до самого концаХотя перемещение вашего JavaScript в нижней части страницы не уменьшает количество HTTPзапросовэто помогает улучшить общий опыт.

Уменьшить количество файлов
Еще один вариант ускорения вашего сайта — ограничение количества загружаемых файловЭто связано с темчто для каждого файлакоторый вы пытаетесь загрузитьваш браузер отправляет на HTTP отдельный HTTPзапросМеньше файлов означает меньшее количество запросов иследовательноболее быстрый вебсайт.

Чаще всего JavaScriptCSS и изображения являются главными виновникамикогда дело доходит до медленной загрузки страницЧтобы бороться с этимвы можете использовать несколько методова именно:

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

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

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

Существует множество онлайнинструментовкоторые помогут вам с минимализацией и конкатенацией во время разработкиВы также можете использовать плагинтакой как WP Rocket , чтобы помочь вам в этом.

Оптимизация изображений
Некоторые темы сильно зависят от фотографийПоскольку изображения также являются отдельными файламиони также становятся жертвами ограничений HTTPЧтобы обойти этоможно использовать методназываемый написанием CSS . Этот метод позволяет вам делать несколько изображений (обычно одинакового размераи сводить их к одному изображениюЗатемиспользуя некоторые умные методы CSSвы управляете спрайтом и показываете только определенную его частьЕсть несколько онлайнинструментовкоторые могут помочь в этомнапримерSpriteMe . Нет необходимости создавать спрайты для _allваших изображенийно стоит добавить дополнительные усилия для таких вещейкак фон и значки социальных сетей.

Ленивая загрузка
Другой способ гарантироватьчто изображения не будут замедлять работу ваших страниц, — это использовать плагин «ленивой загрузки». Ленивая загрузка — это методпри котором некоторый JavaScript просматривает текущее окно просмотра посетителя и загружает только изображениякоторые (почтинаходятся в пределах видимостиХорошим плагином для этого является плагин Lazy Loadкоторый задерживает загрузку изображенийпока пользователь не начнет прокручивать страницу.

Бонусиспользуйте CDN
Наконецвот еще один советСети доставки контента или CDN — это сеть оптимизированных серверов по всему мирукоторые гарантируют быструю доставку статического контентатакого как изображенияCSS и JavaScriptОсновным преимуществом использования CDN является точто вы извлекаете контент с отдельного сервераЭто преодолевает один из ограничений HTTPкоторый ограничивает отправку большого количества запросов на один сервер за один разПреодолев это ограничениевы можете добиться более короткого времени загрузкиДругим преимуществом этих CDN является точто данные поступают с сервераближайшего к физическому местоположению вашего посетителяБолее короткие расстояния до сервера означают более быстрый поиск данныхМожно использовать более одного CDNчто означаетчто ваш браузер может одновременно обрабатывать еще больше HTTPзапросов.

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

Итакпродолжайте и оптимизируйте свои CSS и JavaScriptОпустите эти HTTPзапросыВаши посетители и серверы будут вам благодарны.

Posted in web

Оставить Комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *