Руководство для начинающих по оптимизации скорости веб-сайта

Uncategorized

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

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

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

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

Молниеносная скорость загрузки страниц повышает вовлеченность и удержание посетителей, а также увеличивает продажи. Мгновенный отклик веб-сайта приводит к более высокому коэффициенту конверсии, а каждая 1-секундная задержка загрузки страницы снижает удовлетворенность клиентов на 16 процентов, количество просмотров страниц на 11 процентов и коэффициент конверсии на 7 процентов, согласно недавнему исследованию Aberdeen Group.

Содержание
  1. Глава 1: Введение в оптимизацию скорости веб-сайта
  2. Медленный? Насколько медленно?
  3. А что происходит, когда их нет?
  4. А что происходит, когда они ускоряются?
  5. Приемлемая производительность веб-сайта — нейронаука и ритм
  6. Прагматическая психологическая головоломка
  7. Глава 2. Производительность веб-сайта влияет на успех в бизнесе
  8. Преобразование влияет на производительность
  9. Производительность влияет на вовлеченность пользователей
  10. Производительность влияет на эксплуатационные расходы и доходы
  11. Производительность влияет на удобство использования
  12. Глава 3. Мобильный веб-сайт с оптимизированной скоростью затмевает рабочий стол
  13. Мобильный против настольного — почему это важно?
  14. Высокопроизводительный мобильный веб-сайт и конкурентное пространство высокой конверсии
  15. Станьте самым высоким на подиуме
  16. Глава 4. Распространенные бизнес-ошибки, снижающие производительность веб-сайта
  17. Посредственный веб-хостинг
  18. Уступая дорогу похитителям трафика
  19. Слишком много виджетов или плагинов
  20. Слишком много рекламы и внешних сервисов
  21. Раздутая тема дизайна и несовместимое мультимедиа
  22. Мобильные ошибки и ошибочные перенаправления
  23. Глава 5: Тестирование скорости сайта — Определите узкие места производительности!
  24. Что тестировать?
  25. Начальная скорость страницы
  26. Полное время загрузки страницы
  27. Географическая производительность
  28. Допустимая нагрузка
  29. Загрузка ЦП веб-сервера
  30. Производительность базы данных веб-сайта
  31. Как проверить
  32. Как работают эти инструменты
  33. Инструкция по тестированию
  34. Какой инструмент выбрать?
  35. Глава 6: Как повысить скорость веб-сайта?
  36. Оптимизация скорости своими руками
  37. Оптимизация изображения
  38. Оптимизируйте код CSS и доставку
  39. Минификация — JavaScript, CSS, HTML
  40. Плагины – меньше значит больше!
  41. Ограничение/отключение редакций WordPress
  42. Оптимизация баз данных
  43. Сжатие
  44. Кэш
  45. Кэширование фрагментов
  46. Сети доставки контента (CDN)
  47. Переключитесь на управляемый хостинг!
  48. Вывод: скорость сайта имеет значение.

Глава 1: Введение в оптимизацию скорости веб-сайта

Что такое скорость страницы?

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

Руководство для начинающих по оптимизации скорости веб-сайта

Есть три основных аспекта, необходимых для понимания скорости страницы в контексте взаимодействия с пользователем и производительности веб-сайта:

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

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

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

Медленный? Насколько медленно?

Что-нибудь медленнее, чем мгновение ока — 400 миллисекунд. Инженеры Google обнаружили, что едва заметное время загрузки страницы в 0,4 секунды достаточно для того, чтобы пользователи меньше искали. Технология прошла долгий путь в улучшении работы в Интернете. Перенаселенный кибермир 1990-х годов часто называли Всемирным ожиданием, но инновации в области коммуникаций и сетевых технологий произвели революцию в способах передачи цифровой информации через Интернет. У следующего поколения онлайн-компаний есть все ресурсы, необходимые для мгновенной доставки контента, но чтобы использовать и дополнять эти ресурсы, компаниям нужны оптимизированные по скорости веб-сайты, обеспечивающие наилучшее взаимодействие с пользователем.

Специалист по скорости Microsoft и компьютерный ученый Гарри Шам считает, что 0,25 секунды разницы во времени загрузки страницы — быстрее или медленнее — это магическое число, определяющее конкурентные преимущества онлайн-бизнеса.

А что происходит, когда их нет?

1 из 4 посетителей покинет сайт, если загрузка займет более 4 секунд. 46% пользователей не посещают повторно неэффективные веб-сайты. У владельцев веб-сайтов есть всего 5 секунд, чтобы привлечь посетителей, прежде чем они решат уйти. 74 процента пользователей, обращающихся к мобильному сайту, уйдут, если загрузка займет более 5 секунд. Каждая задержка загрузки страницы на одну секунду может привести к ежегодным убыткам в размере 1,6 миллиарда долларов для таких крупных онлайн-продавцов, как Amazon.

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

А что происходит, когда они ускоряются?

Когда Mozilla увеличила скорость страницы на 2,2 секунды, число загрузок Firefox выросло на 15,4 процента или 10 миллионов в год! Walmart продемонстрировал увеличение коэффициента конверсии на 2% на каждую секунду улучшения времени загрузки страницы. Цифры не врут!

Руководство для начинающих по оптимизации скорости веб-сайта

Приемлемая производительность веб-сайта — нейронаука и ритм

100 миллисекунд. Именно столько времени затылочная доля нашего мозга хранит визуальную информацию в виде сенсорной памяти. Исследователи Google предполагают, что время загрузки страницы менее 100 миллисекунд создает у посетителей иллюзию мгновенной реакции веб-сайта, поскольку процессор зрительной сенсорной памяти в нашем мозгу работает импульсами по 100 миллисекунд. Хранилище памяти очищается через 0,1 секунды, поскольку фоторецепторные клетки в глазах передают больше информации в затылочную долю.

Руководство для начинающих по оптимизации скорости веб-сайта

1 секунды загрузки страницы достаточно для поддержания плавного потока мыслей — пользователи чувствуют, что контролируют свои действия в Интернете, и умственное напряжение не усугубляется, если веб-сайт не отвечает должным образом. При 10-секундной задержке внимание посетителя едва удерживается. Чувство нетерпения, разочарования и чувства покинутости обычно достаточно сильное, чтобы удержать посетителей от повторного посещения таких медленных веб-сайтов.

Прагматическая психологическая головоломка

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

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

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

Руководство для начинающих по оптимизации скорости веб-сайта

Пассажиры в аэропорту должны были пройти 1 минуту до зоны выдачи багажа и ждать там 7 минут, чтобы получить свой багаж. В конечном итоге центр по работе с клиентами был завален жалобами на медленное обслуживание.

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

Теперь пассажиры должны были пройти 6 минут пешком до зоны выдачи багажа, где они получили свой багаж в течение 2 минут. Результат? Ноль жалоб. Абсолютно ни один пассажир не остался неудовлетворенным – разве что с уставшими ногами.

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

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

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

Глава 2. Производительность веб-сайта влияет на успех в бизнесе

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

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

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

В: Итак, как производительность веб-сайта влияет на продажи среднего онлайн-бизнеса?

A: Драматически, это единственный ответ!

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

Исследование показало, что 88 процентов интернет-пользователей выбирают интернет-магазины, предлагающие высокопроизводительные и удобные веб-сайты, и почти 50 процентов покидают веб-сайты, которые не загружаются в течение 3 секунд.

Следовательно, эти действия влияют на продажи. 79% недовольных клиентов больше не посещают неэффективные веб-сайты повторно, за исключением случаев, когда вы являетесь Google или Amazon. У 46% недовольных покупателей остается неизгладимое негативное впечатление, а 44% делятся своим опытом покупок с остальным миром. Последствия выходят далеко за рамки киберпространства, поскольку 87% покупателей совершают покупки как в онлайн-магазинах, так и в обычных розничных магазинах.

Руководство для начинающих по оптимизации скорости веб-сайта

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

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

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

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

Кампания Обамы по сбору средств во время президентских выборов 2011 года привлекла дополнительные 34 миллиона долларов, когда веб-сайт «Обама для Америки» сократил время загрузки страницы с 5 до 2 секунд — это 14-процентное увеличение конверсии пожертвований при улучшении производительности веб-сайта всего на 3 секунды!

Руководство для начинающих по оптимизации скорости веб-сайта

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

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

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

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

Ни то, ни другое невозможно без более высокой скорости страницы, чем пользователи, отказывающиеся от посещений из-за проблем с производительностью веб-сайта. Не знаете, как производительность вашего сайта влияет на коэффициент конверсии? Такие инструменты, как Google Test My Site, могут помочь ответить на этот вопрос (см. пример ниже).

Производительность влияет на вовлеченность пользователей

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

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

Руководство для начинающих по оптимизации скорости веб-сайта

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

Руководство для начинающих по оптимизации скорости веб-сайта

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

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

Производительность влияет на эксплуатационные расходы и доходы

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

Гигант электронной коммерции Shopzilla сократил свой операционный бюджет на 50%, сократив время загрузки страницы с 7 до 2 секунд. Повышение производительности за счет пересмотра дизайна веб-сайта позволило компании использовать те же аппаратные ресурсы для эффективной обработки того же количества запросов пользователей веб-сайта. Улучшенная скорость отклика веб-сайта также увеличила доходы на 12 процентов, поскольку розничный магазин справлялся с растущим веб-трафиком, не требуя дополнительных инвестиций в последовательное увеличение аппаратных ресурсов.

Улучшение KPI веб-сайта также приводит к повышению показателя качества Google AdWords и, следовательно, снижению цены за клик (CPC). Интернет-компании с высоким показателем качества и скоростью страницы могут эффективно и результативно расходовать рекламный бюджет, тем самым максимизируя охват и привлекая клиентов без необходимости дополнительных операционных расходов.

С другой стороны, замедление минимизирует использование ресурсов. Bing провел независимое исследование производительности своего веб-сайта, влияющего на доход, и обнаружил, что 2-секундная задержка в доставке поискового запроса приводит к потере дохода в размере 4,3% на пользователя.

И поведение клиентов не меняется радикально, когда задержки устранены. Когда Google убрал задержку в 0,4 секунды при предоставлении результатов поиска, пользователи по-прежнему выполняли поиск на 0,21% меньше, даже при оптимальной работе веб-страницы.

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

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

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

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

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

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

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

Глава 3. Мобильный веб-сайт с оптимизированной скоростью затмевает рабочий стол

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

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

Руководство для начинающих по оптимизации скорости веб-сайта

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

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

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

Мобильный против настольного — почему это важно?

Потому что все остальные делают это, для начала. Конкуренция за мобильное пространство очень высока, и еще в 2014 году генеральный директор Yahoo назвал его «переломным моментом» для Интернета. И она была права! Stone Temple вытащил некоторые статистические данные из Similar Web в 2017 году, и, к нашему удивлению, на мобильные устройства приходилось более 50% трафика из 77 миллиардов посещений веб-сайтов.

Руководство для начинающих по оптимизации скорости веб-сайта

Вот еще несколько дополнительных статистических данных:

  • 87% граждан США владеют мобильными устройствами.
  • 45% из них владеют смартфонами.
  • 90% из них выходят в интернет через мобильные устройства.
  • Эти мобильные пользователи в среднем проводят в Интернете 1,4 часа каждый день.
  • 74% отказались бы от мобильных веб-сайтов, которые не загружаются в течение 5 секунд.

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

  • Низкий уровень мобильных покупок. У мобильных интернет-покупателей меньше внимания и меньше терпения, чем у пользователей настольного Интернета.
  • Проигрыш в конкуренции: Согласно опросу более тысячи взрослых пользователей смартфонов в США, почти 75% респондентов заявили, что предпочитают повторно посещать мобильные сайты электронной коммерции, которые обеспечивают высококачественный мобильный пользовательский опыт.
  • Потеря ценности бренда: Плохо спроектированные мобильные веб-сайты, которые просто сокращают HTML-код полной версии веб-сайта для настольных компьютеров, чтобы посетители могли увеличивать и уменьшать масштаб при навигации по мобильным веб-страницам, снижают вероятность взаимодействия пользователей с компанией в будущем.

Эти последствия сводят на нет следующие основные цели привлечения клиентов через мобильный Интернет:

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

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

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

Высокопроизводительный мобильный веб-сайт и конкурентное пространство высокой конверсии

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

Коэффициент конверсии среди малых предприятий электронной коммерции, работающих на малоэффективных мобильных веб-сайтах, обычно составляет 0,6% по сравнению с 1,6% коэффициентом конверсии поставщиков услуг электронной коммерции для настольных компьютеров в том же сегменте.

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

Руководство для начинающих по оптимизации скорости веб-сайта

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

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

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

Станьте самым высоким на подиуме

Поэтому неудивительно, что компании из списка Fortune 100 в среднем 5 секунд загружают страницы своих мобильных веб-сайтов — это на две секунды быстрее, чем средние приемлемые стандарты (максимум 7 секунд).

Руководство для начинающих по оптимизации скорости веб-сайта

Однако для продавцов электронной коммерции 5 секунд времени загрузки страницы, возможно, достаточно, чтобы оттолкнуть посетителей от более быстрой альтернативы. А в розничном сегменте некоторые веб-сайты загружаются так же быстро, как Google — время загрузки страницы составляет всего 1 секунду!

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

Google описывает ряд изменений (здесь и здесь) в дизайне мобильных веб-сайтов, чтобы веб-страницы отображались на экранах мобильных устройств в течение 1 секунды, даже если вы не входите в список 100 крупнейших компаний мира или не входите в топ-100 интернет-магазинов! Для тех супергиков, которые берут вопросы мобильной веб-разработки в свои руки, некоммерческий консорциум World Wide Web (W3C) предлагает несколько лучших практик (здесь и здесь). Это длинное чтение, демонстрирующее, насколько важной и интенсивной является мобильная оптимизация веб-сайта!

А владельцам бизнеса, нанимающим веб-разработчиков для разработки высокочувствительных и оптимизированных по скорости мобильных веб-сайтов (вот 60 потрясающих инструментов веб-разработки, которые могут вам помочь), улучшения следует искать в следующих трех компонентах анатомии мобильного веб-сайта:

  • Жидкие сетки
  • Гибкие изображения
  • Медиа-запросы

И дизайн фокусируется на следующих элементах мобильного сайта:

  • Заголовок
  • Галерея
  • Описание продукта
  • Вспомогательная информация
  • Нижний колонтитул

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

Руководство для начинающих по оптимизации скорости веб-сайта

60% потребителей используют мобильные устройства исключительно для быстрого принятия решения о покупке. Мобильные устройства и настольные компьютеры или ноутбуки считаются одинаково важными в качестве медиа-источников информации — 42 процента интернет-пользователей отдают предпочтение мобильным устройствам, а 43 процента — ПК/ноутбукам, — но удобство доступа в Интернет через мобильные устройства стимулирует развитие мобильного интернета. возможности использования и бизнеса.

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

Глава 4. Распространенные бизнес-ошибки, снижающие производительность веб-сайта

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

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

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

Руководство для начинающих по оптимизации скорости веб-сайта

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

Последние настройки и надстройки для оптимизации скорости, реализованные после разработки веб-сайтов, действительно улучшают скорость страницы, сокращая время загрузки, по крайней мере, до достижения Gap of Death. Но даже в этой зоне производительности показатели конверсии снижаются на 7 процентов за каждую секунду задержки после ожидаемого времени загрузки страницы в 2 секунды.

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

Посредственный веб-хостинг

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

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

Веб-хостинг и компании-разработчики с общим ответом на опасения по оптимизации скорости, что «в наши дни у всех есть широкополосный доступ», приводят непосредственно к финансовым потерям и подрывают репутацию бренда для онлайн-бизнеса. Привлекательная производительность веб-сайта имеет решающее значение для успеха предприятий электронной коммерции, поскольку веб-сайты, загрузка которых занимает более 3 секунд, немедленно теряют 40 процентов трафика. 79 процентов недовольных посетителей почти никогда не возвращаются на медленные сайты электронной коммерции!

Руководство для начинающих по оптимизации скорости веб-сайта

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

Уступая дорогу похитителям трафика

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

Слишком много виджетов или плагинов

Дополнительные возможности и функционал всегда радуют владельцев и разработчиков сайтов. Виджеты и плагины позволяют вносить удобные изменения в существующие веб-сайты, а также немного снижают производительность веб-сайта. Даже с самыми маленькими виджетами, такими как кнопка Google+, нагрузка на производительность веб-сайта с точки зрения времени загрузки страницы может увеличиться на целых 2 секунды в некоторых случаях. Окно «Нравится» в Facebook — еще одно распространенное замедление, поскольку известно, что оно легко добавляет более 40 HTTP-запросов (как показано ниже). На клиентском сайте мы увидели, что к общему весу страницы добавляется 700 КБ, что нехорошо!

Руководство для начинающих по оптимизации скорости веб-сайта

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

Слишком много рекламы и внешних сервисов

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

Руководство для начинающих по оптимизации скорости веб-сайта

Внешние сервисы обычно несут с собой две проблемы. Одно вызвано огромным объемом, другое связано с ожиданием загрузки.

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

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

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

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

Раздутая тема дизайна и несовместимое мультимедиа

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

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

Проблемы совместимости также влияют на производительность мультимедиа и приложений для определенных браузеров и географических местоположений. Возьмем, к примеру, Google Chrome и Shockwave Flash. Эти двое редко хорошо относятся друг к другу. Точно так же правительственные ограничения могут также препятствовать доступу местных посетителей к определенному мультимедийному контенту.

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

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

И еще немного этого кода — регистрационные формы и аналитика

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

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

Мобильные ошибки и ошибочные перенаправления

Ожидается, что к 2022 году глобальная подписка на смартфоны превысит отметку в 2,7 миллиарда, когда 83 процента пользователей Интернета будут выходить в Интернет через мобильные устройства. 30 процентов трафика веб-сайтов электронной коммерции в 2016 году приходилось на мобильные устройства, и это число продолжает расти в геометрической прогрессии с ростом числа пользователей смартфонов.

Конкуренция за внимание мобильных пользователей еще более остра из-за медленной загрузки мобильных веб-сайтов и низкого уровня терпения посетителей. 60% мобильных пользователей ожидают, что мобильные веб-сайты будут загружаться в течение 3 секунд. И в среднем 3 из 4 человек покинут мобильный веб-сайт, если он загружается дольше 5 секунд, в то время как средний мобильный загружается еще дольше — 6–10 секунд.

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

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

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

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

Руководство для начинающих по оптимизации скорости веб-сайта

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

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

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

Глава 5: Тестирование скорости сайта — Определите узкие места производительности!

Веб-трафик и рейтинг поисковой системы — это прежде всего метрика тщеславия для производительности сайта. Важно, как они, ни один из них не является более указывающим на успех онлайн-бизнеса, чем цифры продаж и ставки преобразования. С другой стороны, веб-сайты электронной коммерции с (почти) нулевым процентом отказов, 15-процентным коэффициентом конверсии и 10 000 уникальных посетителей веб-сайта с низким рейтингом в поисковых системах работают намного лучше, чем сайты с высоким рейтингом, имеющие 100 000 уникальных посещений с коэффициентом конверсии всего 0,01%.

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

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

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

  • +3% конверсий в секунду с сокращением времени загрузки страницы с 15 до 7 секунд.
  • +2% конверсий в секунду с сокращением времени загрузки страницы с 7 до 5 секунд.
  • +1% конверсий в секунду с сокращением времени загрузки страницы с 4 до 2 секунд.

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

Стремление к оптимизации скорости веб-сайта начинается с выявления критических проблем внешнего интерфейса, наиболее очевидных при стандартных процессах тестирования производительности веб-сайта. Главный инженер Google по производительности Стив Содерс дает совет по этому поводу, говоря: «80-90% времени отклика конечного пользователя тратится на внешний интерфейс.«.

Что тестировать?

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

Начальная скорость страницы

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

Руководство для начинающих по оптимизации скорости веб-сайта

Сохранение начальной скорости страницы High держит посетителей, вовлеченные, даже когда весь контент веб-сайта, включая громоздкую графику, возьмите века, чтобы полностью рендерировать. Мониторинг высокой начальной скорости страницы путем отслеживания параметров, таких как время для первого байта (TTFB) или выполнения запросов Ping с серверов веб-сайтов, точно описывает начальную страницу время загрузки и статистику скорости страницы. Если они займут слишком много времени, работа должна быть выполнена на заднем углу в виде оптимизации сервера и оптимизации сервера.

Полное время загрузки страницы

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

Географическая производительность

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

Допустимая нагрузка

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

Загрузка ЦП веб-сервера

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

Производительность базы данных веб-сайта

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

Как проверить

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

Руководство для начинающих по оптимизации скорости веб-сайта

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

Как работают эти инструменты

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

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

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

Инструкция по тестированию

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

Руководство для начинающих по оптимизации скорости веб-сайта

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

Руководство для начинающих по оптимизации скорости веб-сайта

Раздел производительности инструмента тестирования скорости Pingdom очень полезен. Все они основаны на правилах Google PageSpeed Insight. Как правило, если вы улучшите их на своем сайте, вы увидите уменьшение общего времени загрузки.

Руководство для начинающих по оптимизации скорости веб-сайта

Инструмент перечисляет все загруженные файлы в виде каскадной диаграммы, сортируя их по порядку загрузки, времени загрузки, размеру, типу или URL-адресу.

Руководство для начинающих по оптимизации скорости веб-сайта

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

Руководство для начинающих по оптимизации скорости веб-сайта

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

Какой инструмент выбрать?

Различные инструменты — среди прочих Google Page Speed Insights, Pingdom и GTMetrix — выявляют разные проблемы, тестируют разные параметры и показатели производительности по-разному, в разных браузерах и географических точках. Таким образом, рейтинги производительности и результаты тестов обязательно будут разными, и ни один инструмент не идентифицирует каждое узкое место производительности в дизайне веб-сайта. Однако рекомендуется придерживаться одного инструмента, когда вы вносите улучшения, чтобы лучше отслеживать свой прогресс. Тем не менее, тестирование с использованием нескольких инструментов, анализ различных элементов дизайна веб-сайта и сравнение результатов нескольких тестов дает владельцам онлайн-бизнеса разумную информацию для разработки стратегий оптимизации скорости для своих веб-сайтов.

Глава 6: Как повысить скорость веб-сайта?

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

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

Руководство для начинающих по оптимизации скорости веб-сайта

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

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

Оптимизация скорости своими руками

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

Оптимизация изображения

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

Согласно HTTP Archive, по состоянию на декабрь 2017 года изображения составляют в среднем 66% от общего веса веб-страницы. Следующие передовые методы оптимизации изображений имеют большое значение для снижения негативного влияния изображений на скорость веб-сайта:

  • Выбор формата: используйте JPG или WEBP, когда качество имеет высокий приоритет и не требуется модификация изображения перед его загрузкой. Файлы JPG могут потребовать ограниченной обработки и модификации, прежде чем качество изображения резко ухудшится. Для изображений со значками, логотипами, иллюстрациями, знаками и текстом используйте формат PNG. Используйте GIF только для небольших или простых изображений и избегайте BMP или TIFF.
  • Правильный размер: сохраните ценные байты полезной нагрузки изображения и сопоставьте размеры (ширину) вашего шаблона веб-страницы. Используйте возможности браузера по изменению размера, чтобы сделать изображения более отзывчивыми, установив инструкции фиксированной ширины и автоматической высоты.
  • Сжатие. Сжатие изображений должно быть продуманным компромиссом между размером изображения и его качеством. Для JPG сжатие 60-70 процентов дает хороший баланс. Для экранов Retina увеличьте размер изображения (JPG) на 150–200 процентов, сожмите на 30–40 процентов и снова уменьшите его в соответствии с требуемыми размерами.
  • Меньше изображений: Сведите количество изображений к абсолютному минимуму.

Решения WordPress:

Используйте плагины для оптимизации изображений, такие как Imagify, ShortPixel Image Optimizer, Optimus WordPress Image Optimizer, WP Smush, TinyPNG, EWWW Image Optimizer Cloud. Еще лучше, если вы выберете те, которые сжимают и оптимизируют изображения извне, что снижает нагрузку на ваш собственный сайт.

Оптимизируйте код CSS и доставку

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

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

  • Сокращенное кодирование: сократите размер кода, используя меньшее количество объявлений и операторов. Меньшее количество строк кода означает меньшее количество циклов обработки и эффективную доставку файлов веб-сайта запрашивающим браузерам.
  • Взломы CSS, специфичные для браузера Axe: CSS находится в опасности из-за бесконечно сложных хаков, специфичных для браузера, или исправительных деклараций, как их называют, добавляющих ненужный вес файлам сценариев CSS. Код CSS, оптимизированный для скорости, является одновременно легким и простым для эффективной обработки серверами.
  • Сократите CSS: почти все инструменты мониторинга скорости веб-сайта предлагают уменьшить вес кода CSS для повышения скорости. Легкий и компактный код помогает ускорить загрузку, анализ и выполнение, чтобы значительно сократить время загрузки страницы.
  • Позиционирование кода: загрузите код CSS внутри <head> и JavaScript внутри тела, поскольку ссылка на CSS за пределами этого раздела не позволяет веб-браузерам отображать содержимое CSS сразу после его загрузки.
  • Лучшие практики доставки CSS:
  • Не используйте вызов @import.
  • Удалите неиспользуемый CSS.
  • Не используйте CSS в HTML, такие как теги H1 и DIV.
  • Используйте встроенный небольшой CSS.

Решения WordPress:

Такие инструменты, как Autoptimize, WP Rocket, Cache Enabler, CloudFlare CDN и W3 Total Cache, являются одними из самых популярных инструментов для минимизации JavaScript и CSS.

Минификация — JavaScript, CSS, HTML

На самом деле, оптимизация скорости заключается не только в уменьшении размера страницы. Сокращение количества клиент-серверных запросов при доставке контента веб-сайта в веб-браузеры является неотъемлемой частью оптимизации скорости веб-сайта. Веб-мастера могут добиться этого, не создавая слишком много людей с запросами CSS, HTML и JavaScript. Хотя количество запросов не так важно, как раньше, благодаря улучшениям в HTTP/2. Другими словами, оптимизируйте, минимизируйте и сожмите все ненужные и сжимаемые строки кода.

Минификация особенно важна для встроенного JavaScript и внешних файлов, не кэшированных. Google рекомендует минимизировать все файлы JavaScript размером более 4096 байт и сократить как минимум 25 байт, чтобы добиться заметной разницы во времени загрузки страницы.

Руководство для начинающих по оптимизации скорости веб-сайта

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

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

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

Плагины – меньше значит больше!

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

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

Руководство для начинающих по оптимизации скорости веб-сайта

Четыре основных аспекта, на которые стоит обратить внимание при выборе высококачественных плагинов:

  • Выполняет ли он сложные операции?
  • Загружает ли он много ресурсов контента и скриптов?
  • Увеличивает ли это количество запросов к базе данных для каждого запроса страницы?
  • Выполняет ли он запросы к внешним API?

Если ответ на все эти вопросы ДА, ваша реакция на рассматриваемый плагин должна быть огромным НЕТ!

Теперь к большому вопросу, сколько плагинов слишком много?

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

Точно так же использование 10 плагинов для простых и уникальных задач намного лучше, чем развертывание одного плагина для самостоятельного выполнения всех сложных задач. Исключение составляют высококачественные SEO-плагины от заслуживающих доверия разработчиков, такие как Yoast SEO, All In One SEO Pack (бесплатные SEO-плагины для WordPress) и им подобные.

Решения WordPress:

Используйте следующие решения, чтобы контролировать производительность плагинов WordPress:

  • NewRelic — решение для профилирования производительности приложений
  • Монитор запросов

Ограничение/отключение редакций WordPress

Управление версиями — одно из преимуществ, которые может предложить WordPress. CMS автоматически отслеживает контент, созданный в CMS, и делает его доступным для будущих изменений. Для сервера это стоит ненужной обработки из-за дополнительных записей в базе данных, которые на самом деле не требуются. Контроль количества хранимых ревизий освобождает ядро веб-сайта от бесполезной нагрузки.

Руководство для начинающих по оптимизации скорости веб-сайта

Написание следующих фрагментов кода в файле wp-config.php помогает обойти эту проблему:

Отключить ревизии:

define( 'WP_POST_REVISIONS', false ); Ограничение ревизий:

define( 'WP_POST_REVISIONS', 10 ); // limited to 10 revisions

Оптимизация баз данных

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

Содержание мусора включает в себя:

  • Комментарии в очереди спама
  • Неодобренные комментарии
  • Опубликовать ревизии
  • Элементы корзины, такие как сообщения и страницы

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

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

Решения WordPress:

  • Ограничивайте, отключайте и удаляйте ревизии сообщений.
  • Автоматически очищайте мусор, добавив следующий код в файл wp-config.php:

define('EMPTY_TRASH_DAYS', 10 );

10 — это количество дней до автоматического удаления мусорных данных. Измените по мере необходимости.

Сжатие

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

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

Руководство для начинающих по оптимизации скорости веб-сайта

Браузер: Эй, ПОЛУЧИТЕ мне /HeavyWeightChampion.html!

Сервер: На нем! *сервер просматривает сервер и находит файл*

Сервер: Ну вот, 250 КБ кода ответа.

Браузер: Ой! *конечный пользователь потеет, в итоге получая запрошенный контент за несколько десятков секунд*. (Хорошо, взаимодействие клиент-сервер, возможно, немного более формально и менее драматично, чем описанное выше.)

Большая часть проблемы заключается в том, как происходит взаимодействие клиент-сервер в мире HTML. Файлы HTML (составляющие почти весь веб-контент) содержат несколько избыточных экземпляров кода. <Tags>, <Alts>, <HTML> и тому подобное — это одно и то же, материализующееся постоянно.

Google рекомендует следующую тактику сжатия для эффективной доставки контента веб-сайта:

  • Сократите JavaScript, HTML и CSS
  • Обеспечьте согласованность кода CSS и HTML с помощью следующих методов:
  • Последовательный регистр — в основном строчные.
  • Последовательное цитирование атрибутов HTML-тегов.
  • Укажите атрибуты HTML в том же порядке.
  • Укажите пары ключ-значение CSS в том же порядке, расположив их в алфавитном порядке.
  • Включите сжатие GZIP. GZIP находит похожие строки и экземпляры кода, временно заменяет их более короткими символами. Браузеры распаковывают сжатые файлы, возвращая им исходную форму.

Однако несколько слов предостережения:

  • НЕ GZIP (уже сжатые) изображения, PDF или другие двоичные данные.
  • Данные GZIP только размером 150-1000 байт. Скорость сжатия должна быть выше, чем время доставки контента в несжатом виде.
  • НЕ сжимайте контент для старых браузеров.

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

Решения WordPress:

  • Включите сжатие GZIP с помощью плагина W3 Total Cache.
  • Лучший способ включить сжатие GZIP — на уровне сервера Apache или Nginx.

Кэш

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

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

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

Руководство для начинающих по оптимизации скорости веб-сайта

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

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

Кэширование фрагментов

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

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

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

Сети доставки контента (CDN)

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

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

Переключитесь на управляемый хостинг!

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

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

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

  • Оптимизация производительности — сжатие, минимизация кода, кэширование на стороне сервера и т. д.
  • Оптимизация кэша.
  • Оптимизация контента для производительности — оптимизация изображений, контроль мусорных данных и т. д.
  • Поисковая оптимизация.
  • Регулярные обновления программного обеспечения.
  • Совместимость и развертывание плагинов для лучшей производительности.
  • Оптимизация базы данных.
  • Сети доставки контента.
  • Тестирование и мониторинг производительности.
  • Легкие и оптимизированные по скорости серверы.
  • Конфигурация и обслуживание серверов и веб-сайтов, чтобы свести к минимуму обмен данными между клиентом и сервером.
  • Последние версии PHP и MariaDB

Вывод: скорость сайта имеет значение.

Уф, вы прошли через руководство! Поздравляем и спасибо за чтение. Мы надеемся, что вы нашли хотя бы пару отличных советов, которыми вы можете воспользоваться прямо сейчас!

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

Оцените статью
Добавить комментарий