Скорость убивает: как проверить и улучшить скорость и производительность вашего сайта

Итак, вы выполнили всю эту SEO-оптимизацию и оптимизацию конверсии на своем сайте WordPress.

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

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

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

Я постоянно вижу эту проблему среди маркетологов и маркетинговых агентств. Мы те, кто должен «понимать это» и быть первыми, кто внедрил лучшие практики, такие как оптимизация скорости страницы веб-сайта. Однако Google PageSpeed ​​Insights Tool говорит иначе о многих наших великолепных, SEO-оптимизированных и насыщенных контентом веб-сайтах.

Нам всем нужно стать лучше.

Вот почему вы читаете это прямо сейчас, так что давайте приступим!

Оглавление

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

Как определить скорость и оценку вашей страницы

Почему скорость страницы имеет значение?

1. Скорость убивает UX

2. Скорость убивает SEO

3. Скорость убивает конверсию

Как сделать так, чтобы ваш сайт загружался быстрее? 8 Тактика

4 примера использования скорости сайта

Как провести аудит и оптимизацию скорости сайта

1. Получите базовый уровень для результатов диаграммы

2. Проработайте 8 шагов

3. Обращайтесь за помощью, когда это необходимо

4. Сохраняйте приверженность скорости сайта в будущем

Как использовать скорость сайта для увеличения продаж

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

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

На самом деле, согласно опросам, проведенным Akamai и Gomez.com, почти половина веб-пользователей ожидают, что сайт загрузится за 2 секунды или меньше, и, как правило, покидают сайт, который не загружается в течение 3 секунд.

Связанное Чтение: 58 жутких статистических данных для веб-сайтов

Таким образом, 3 секунды — это минимальная скорость, которую выдержит средний посетитель. Справится ли типичный веб-сайт с этой задачей? Pingdom использовала своих клиентов в качестве источника данных и обнаружила, что для них ответ был решительным НЕТ.

Среди клиентов Pingdom среднее время загрузки веб-страниц размером 3 Мб составило 5 секунд. Слишком медленно.

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

• если ваш сайт загружается за 5 секунд, это быстрее, чем примерно 25% веб-сайтов.
• если ваш сайт загружается за 2,9 секунды, это быстрее, чем примерно 50% веб-сайтов.
• если ваш сайт загружается за 1,7 секунды, это быстрее, чем примерно 75% веб-сайтов.
• если ваш сайт загружается за 0,8 секунды, это быстрее, чем примерно 94% веб-сайтов.

Так как же определить, как выглядит ваш сайт?

Как определить скорость и оценку вашей страницы

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

1. Перейдите к отчетам о скорости сайта Google Analytics вашего веб-сайта. Это даст вам представление о том, как ваш сайт работал в разные периоды времени, а также о скорости загрузки каждой из ваших страниц.
2. Введите URL своего сайта в инструмент Google PageSpeed ​​Insights Tool. Это даст вам отчет о скорости вашего сайта на мобильных устройствах и настольных компьютерах. В отчете приведены некоторые рекомендуемые действия, которые вы можете предпринять, чтобы повысить скорость вашего сайта.
3. Проверьте тест скорости веб-сайта Pingdom, чтобы узнать скорость, рейтинг и процент быстрее, чем в среднем на протестированных веб-сайтах Pingdom.
4. GTMetrix предоставит всесторонний обзор состояния оптимизации скорости вашего сайта.

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

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

Связанное Чтение: Как ускорить ваш мобильный сайт WordPress

Почему скорость страницы имеет значение?

Преодоление разрыва между ожиданиями пользователей (2 секунды) и средним временем загрузки веб-сайта (5 секунд) является целью оптимизации скорости страницы и тактикой, которую мы опишем позже. Но почему именно скорость страницы имеет значение? Это сводится к трем основным взаимосвязанным причинам:

1. Скорость убивает UX

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

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

Вы достаточно стары, чтобы помнить этот сладкий звук?

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

В своем выступлении на тему «10 золотых принципов успешных веб-приложений» предприниматель и блогер Фред Уилсон отмечает, что:

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

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

Связанное Чтение: 10-шаговое руководство по созданию веб-сайтов для малого бизнеса для новичков

2. Скорость убивает SEO

Пользовательский опыт на самом деле является движущей силой влияния скорости сайта на SEO.

Эдвин Тунен из Yoast объясняет:

«Последнее исследование Google показывает, что вероятность отказа увеличивается на 32%, когда время загрузки страницы увеличивается с 1 до 3 секунд. От 1 до 5 секунд увеличивает вероятность до 90 %, а если ваш сайт загружается до 10 с, вероятность отказа увеличивается до 123 %. Это невероятно. Для поисковых систем лучшие результаты и производительность являются признаком здорового сайта, который нравится клиентам и, следовательно, должен быть вознагражден более высоким рейтингом».

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

3. Скорость убивает конверсию

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

Например, SOASTA недавно провела исследование одного из своих клиентов mPulse, ведущего онлайн-ритейлера, который пользуется значительным (4,5 млн сеансов) объемом мобильного трафика.

Вот их основные выводы:

1. Что касается конверсий, оптимальная производительность составила 2,4 секунды.
2. Страницы, которые были всего на одну секунду быстрее, показали увеличение коэффициента конверсии на 27%.
3. Через 4,2 секунды средний коэффициент конверсии упал ниже 1%.
4. К 6-секундной отметке коэффициент мобильной конверсии выходит на плато.

Источник изображения: СОАСТА

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

Посмотрим, сможем ли мы это сделать.

Как сделать так, чтобы ваш сайт загружался быстрее? 8 Тактика

Ускорение вашего сайта не обязательно будет легким. Если у вас небольшой легкий сайт, возможно, вам просто нужно попробовать пару тактик из этого списка.

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

Вот с чего начать:

1. Используйте кеширование браузера:

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

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

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

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

Примечание. Стратег по SEO-контенту Мэдди Осман отмечает, что «W3 Total Cache отлично подходит для этого, но запрещен на некоторых хостах (например, GoDaddy). Для настройки требуется опытная рука, чтобы вы не сломали свой веб-сайт».

Вот как это сделать

2. Оптимизируйте изображения:

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

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

Вот как это сделать

3. Сократите HTML, CSS и JavaScript:

Минификация удаляет все ненужные символы, которые не требуются для выполнения кода.

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

Вот как это сделать

4. Включите сжатие gzip:

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

Согласно GTMetrix,

«Причина, по которой gzip так хорошо работает в веб-среде, заключается в том, что в файлах CSS и HTML используется много повторяющегося текста и много пробелов. Поскольку gzip сжимает общие строки, это может уменьшить размер страниц и таблиц стилей до 70%!»

Вот как это сделать

5. Сократите время отклика сервера:

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

Google говорит, что вы должны уменьшить время отклика вашего сервера до 200 мс. Так как же это сделать?

Вот как это сделать

6. Избегайте редиректов целевой страницы:

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

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

example.com → m.example.com/home — штраф за многократное обращение туда и обратно для мобильных пользователей.
example.com → www.example.com → m.example.com – очень медленный мобильный интерфейс.

Вот как это сделать

7. Отдайте предпочтение видимому контенту:

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

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

Вот как это сделать

8. Удалите JavaScript и CSS, блокирующие рендеринг, в содержимом верхней части страницы:

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

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

Вот как это сделать

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

Практический пример: ускорение блога Vendasta

Поэтому я пишу этот пост о скорости сайта, даже несмотря на то, что Vendasta показывает скорость 44/100 для мобильных устройств (обновление: три месяца спустя мы достигли 77/100!) и 60/100 для скорости настольных компьютеров.

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

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

Однако мы не единственные, кто борется со скоростью сайта! Многие известные веб-сайты сталкиваются с теми же проблемами, что и мы. На самом деле, даже у HubSpot есть над чем поработать, чтобы улучшить производительность своего сайта в соответствии с инструментом Google PageSpeed ​​Insights:

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

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

Маркетинговый технолог Vendasta Адам Биссоннет отмечает:

«Большим изменением для нас стали вещи на стороне сервера — мы находимся в уникальном положении, управляя нашим веб-сайтом WordPress в AppEngine (никто этого не делает), и значительный прирост производительности произошел при переходе с AppEngine Standard на AppEngine Flex, который был в бета-версии. Мы также изменили наша версия php с 5 по 7 тоже очень помогла.Обновление php принесло свой набор проблем, когда некоторые плагины больше не работали, и нам пришлось иметь дело с этим последствием в течение месяца или двух, но скорость была более ценной, чем потерянная функциональность. ."

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

Взгляните на рост нашего блога после начала работы по ускорению сайта в мае 2016 года:

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

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

Ключевой вывод: вам не нужно набирать 100/100 баллов, чтобы добиться роста на своем веб-сайте.

Если у вас 40/100, сделайте пару улучшений, пока позволяет время, и стреляйте до 60/100. Не выгорайте сразу на 100/100!

Пример из практики: iHeartRaves

iHeartRaves — мировой лидер в области фестивальной моды, чья миссия — вдохновлять индивидуальное творчество и расширять возможности самовыражения. Вместе с двумя другими дочерними брендами их магазины Shopify ежегодно приносят 20 миллионов долларов, и они четыре года подряд фигурируют в рейтинге Inc. 5000.

Как сайт электронной коммерции, iHeartRaves отчетливо осознает финансовые последствия низкой скорости и производительности веб-сайта.

Брэндон Чопп, стратег по цифровому маркетингу iHeartRaves, сказал мне:

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

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

1. Оптимизация изображений. Чтобы обеспечить быструю загрузку нашего мобильного сайта, мы используем приложение Shopify под названием Crush.pics. Это гарантирует, что все наши изображения оптимизированы для скорости сайта, сохраняя при этом качество изображения.
2. Сократите код: мы также предприняли шаги, чтобы минимизировать весь наш ликвидный код и расставить приоритеты в порядке загрузки скриптов, урезав при этом общее количество вызываемых скриптов.
3. Очистка ресурсов на странице. Удаление ненужных ресурсов на некоторых страницах и уменьшение ресурсов изображений на других также помогло сократить время загрузки сайта. Мы пытаемся найти баланс между скоростью и содержанием, потому что мы сайт электронной коммерции. Для нас очень важно убедиться, что качество изображения соответствует нашим стандартам, сохраняя при этом отличный пользовательский опыт для наших клиентов.

Благодаря этим обновлениям скорость загрузки страницы и показатель отказов действительно улучшились: «После внесения изменений скорость нашего сайта снизилась с 10,25 до 6,86 секунд в годовом исчислении (снижение на 65%), а показатель отказов снизился на 6%», — объясняет Брэндон. . «Первоначально он был на уровне 40,34%, а теперь снизился до 34%».

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

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

В совокупности эти два фактора могут привести к улучшению одного показателя, который управляет ими всеми: конверсий!

Практический пример: улучшение Джубаера за 6 секунд и 40 баллов

Собственный SEO-специалист Vendasta, Джубаер Продхан, поделился случаем, когда он воспользовался инструментом Google Pagespeed Insight Tool для своего собственного сайта и получил хорошие результаты.

Джубаер отмечает: «В моем случае у меня есть веб-сайт WordPress со временем загрузки более 8 секунд и оценкой GPI (Google PageSpeed ​​Insight) 43. Я сделал следующие вещи, чтобы улучшить скорость сайта».:

1. Оптимизация изображения: если все сделано правильно, это может значительно уменьшить размер страницы и скорость. В моем случае размер страницы уменьшился с 3 МБ до 1,6 МБ. Используемый плагин: ShortPixel Image Optimizer (Вы также можете оптимизировать изображения с помощью этого инструмента)
2. Минификация кода: часто мы используем несколько плагинов WordPress для различных нужд. Чего мы не понимаем, так это того, что большинство из них добавляют на ваш сайт дополнительные CSS/HTML/Javascript. Что увеличивает время загрузки и запрос браузера. Минификация (удаление лишних строк и кодов) — простое решение этой проблемы. Используемый плагин: Автооптимизация
3. Кэш браузера. Использование кеша браузера рекомендуется большинством основных инструментов. И это уменьшает пропускную способность, время загрузки для повторного посетителя и много других полезных вещей. Используемый плагин: WP Fastest Cache

Теперь сайт Джубаера загружается за 1,9 секунды, а показатель GPI равен 83! Это значительное улучшение по сравнению с 8 секундами и показателем GPI 43.

Ключевой вывод: Небольшие веб-сайты могут заметить заметные улучшения в скорости всего за несколько ключевых изменений.

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

Связанное чтение: 7 SEO-плагинов WordPress: ваш новый локальный стек

Практический пример: как одна компания достигла 100/100 в инструменте Google PageSpeed

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

Брет Бонне, совладелец и основатель компании Quality Logo Products, дистрибьютора рекламной продукции стоимостью 40 миллионов долларов, расположенного в Чикаго, штат Иллинойс. объясняет,

«Скорость загрузки страниц является основным приоритетом для нашей организации. Несмотря на то, что это очень незначительно, это все же сигнал ранжирования. Исследования показали, что скорость загрузки страницы может существенно повлиять на эффективность конверсии. Самый эффективный способ сократить время загрузки вашего веб-сайта — работать с загрузкой ресурсов, позволяя полностью отображать содержимое «вверху» перед загрузкой CSS/JS. НЕоптимизация загрузки контента «в верхней части страницы» может привести к снижению общей оценки Google Page Speed ​​Insights на 10 баллов».

[clickToTweet tweet="ОТСУТСТВИЕ оптимизации загрузки контента в верхней части страницы может привести к снижению общей оценки Google #PageSpeed ​​Insights на 10 баллов." quote="ОТСУТСТВИЕ оптимизации загрузки контента в верхней части страницы может привести к снижению общей оценки Google #PageSpeed ​​Insights на 10 баллов."]

Этот вычет из 10 баллов показывает, насколько важной Google считает оптимизацию контента в верхней части страницы. Что поразительно и парадоксально, так это то, что Брет объясняет дальше:

«Помимо управления активами, высшая оценка НЕ ​​МОЖЕТ быть достигнута ни одним веб-сайтом, который включает в свой исходный код общий код отслеживания, например Google AdWords или Google Analytics. Эти JS-файлы подаются напрямую от Google — по какой-то причине Google не следует их собственным рекомендациям по качеству — и передаются в браузер в несжатом виде. Эта плохая оптимизация, которая, опять же, находится вне вашего контроля, полностью на стороне Google и может стоить вам до 5 баллов».

Компания Quality Logo Products смогла ускорить процесс и достичь этого показателя 100/100, используя следующую тактику:

«Чтобы преодолеть это, мы зарегистрировали IP-адреса, с которых Google сканирует, и исходные IP-адреса для этих инструментов, а наши серверы намеренно обслуживают версии наших страниц Google без установленного кода отслеживания. Это немного странно, но Google ухудшает нашу собственную оценку Google Page Speed ​​Insight. Поэтому, чтобы преодолеть это, мы намеренно не предоставляем Google собственный неоптимизированный код, что приводит к улучшению нашей оценки скорости страницы в среднем на 5 баллов».

Ключевой вывод: оценка 100/100 достижима!

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

Как провести аудит и оптимизацию скорости сайта

1. Получите базовый уровень для результатов диаграммы

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

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

Вот несколько вещей, которые вы должны отслеживать:

1. Время загрузки сайта: перейдите к отчету Google Analytics в Меню → Поведение → Скорость сайта → Обзор (и Время загрузки страницы, чтобы просмотреть отдельные страницы). Запишите среднее время загрузки страницы сайта и любые ключевые страницы, которые вы хотите отслеживать. Вы также можете использовать упомянутые выше инструменты Pingdom и GTMetrix.
2. Оценки Google PageSpeed ​​для вашего веб-сайта: просто нажмите здесь, введите URL-адрес своего веб-сайта и проверьте свои оценки для мобильных и настольных компьютеров. Запишите это.
3. Показатель отказов: посмотрите, улучшится ли ваш показатель отказов, что будет означать, что меньше людей уходит с сайта после просмотра только одной страницы. Вы можете просмотреть это в нескольких местах, таких как «Поведение» → «Обзор».
4. Коэффициент конверсии. Увеличивается ли конверсия посетителей после ваших улучшений? Это важно отслеживать! Перейдите в раздел «Конверсии» → «Цели» → «Обзор», чтобы просмотреть и записать текущий коэффициент конверсии.

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

2. Проработайте 8 шагов

Лучше всего начать аудит с предложений, которые предлагает инструмент Google PageSpeed ​​Insights. Если вы еще не набрали 100/100, вы увидите несколько советов от Google о том, с чего начать.

Работа над 8 шагами по улучшению скорости сайта, которые мы выделили, потребует некоторого времени и настойчивости, как я уже упоминал.

Майке Хендрикс, SEO-эксперт Yoast, отмечает:

«Ускорить работу вашего веб-сайта несложно. На многих веб-сайтах слишком большие изображения, которые можно легко оптимизировать. Кроме того, веб-сайты с посетителями со всего мира обязательно должны использовать CDN, чтобы изображения как можно быстрее для всех! Добавление нескольких строк кода в файл .htaccess может легко ускорить работу вашего веб-сайта. Например, вы можете включить кэширование браузера и сжатие gzip для небольших файлов, которые могут загружаться гораздо быстрее на компьютеры ваших посетителей."

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

3. Обращайтесь за помощью, когда это необходимо

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

Все мы знаем и завидуем техническим волшебникам. Пусть они сделают это за вас!

Пиус Боачи из Digitimatic сказал мне, что полноценный разработчик — это ключ к решению проблем со скоростью сайта:

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

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

Рекомендуемая литература: Разработчики не нужны: зачем вам конструктор веб-сайтов White Label

4. Сохраняйте приверженность скорости сайта в будущем

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

Не пытайтесь сделать все сразу! Чтобы избежать выгорания, составьте план сокращения расходов, контролируя при этом результаты своих усилий.

Вот как использовать скорость сайта для увеличения продаж

Последние мысли

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

Вот что самое важное; подготовка к скорому будущему онлайн-просмотра.

Если вам нужна помощь, позвоните своим друзьям-технарям или дайте нам знать, как мы можем помочь!

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