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

1. Оглавление
2. Что такое скорость страницы?
3. Как определить скорость и рейтинг вашей страницы
4. Почему скорость страницы имеет значение?
5. 1. Speed ​​Kills UX
6. 2. Скорость убивает SEO
7. 3. Скорость убивает конверсии
8. Как вы можете сделать ваш сайт загружаться быстрее? 8 Тактика
10. 2. Оптимизируйте изображения:
17. Тематическое исследование: ускорение блога Vendasta
18. Пример из практики: iHeartRaves
19. Пример из практики: улучшение Jubaer на 6 секунд и 40 баллов
20. Пример: как одна компания получила 100/100 на инструменте Google PageSpeed
21. Как провести аудит и оптимизировать скорость сайта
22. 2. Пройдите 8 шагов
23. 3. Потяните в помощь, когда это необходимо
24. 4. Сохраняйте приверженность скорости сайта в будущем
25. Вот как можно использовать скорость сайта для увеличения продаж

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

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

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

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

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

Является ли ваш сексуальный сайт вечно оживляющим Trans-AM?

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

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

Оглавление

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

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

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

1. Speed ​​Kills UX

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

3. Скорость Убивает Конверсии

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

4 тематических исследования скорости сайта

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

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

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

3. Потяните в помощь, когда это необходимо

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

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

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

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

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

[clickToTweet tweet = "Почти половина веб-пользователей ожидает, что сайт загрузится через 2 секунды или меньше, и они склонны покинуть сайт, который не загружен в течение 3 секунд." quote = "Почти половина веб-пользователей ожидают, что сайт загрузится в течение 2 секунд или меньше, и они, как правило, покидают сайт, который не загружается в течение 3 секунд."]

Связанное Чтение: 58 Spooky Статистика для веб-сайтов

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

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

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

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

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

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

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

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

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

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

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

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

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

1. Speed ​​Kills UX

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

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

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

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

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

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

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

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

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

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

Эдвин Тоонен из Йоаст объясняет,

«Последние исследования 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-секундной отметке, скорость конверсии мобильных начинает плато

Источник изображения: SOASTA

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

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

Как вы можете сделать ваш сайт загружаться быстрее? 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 скажет вам.

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

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

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

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

Вендаста Маркетинг Технолог Адам Биссоннетт заметки,

«Большим изменением для нас стала работа на стороне сервера - у нас уникальная возможность управлять нашим 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, сказал мне,

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

[clickToTweet tweet = "Правда в том, что более быстрые сайты всегда будут выигрывать. Чем быстрее ваш сайт, тем больше вероятность того, что пользователи будут # конвертировать." quote = "Правда в том, что более быстрые сайты всегда будут выигрывать. Чем быстрее ваш сайт, тем больше вероятность того, что пользователи будут #convert".]

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

[clickToTweet tweet = "НЕ оптимизировать загрузку выше сгибаемого контента может привести к снижению 10 баллов в общем балле Google #PageSpeed ​​Insights." quote = "НЕ оптимизировать загрузку вышеупомянутого фолд-контента, это может привести к уменьшению на 10 баллов в общем балле Google #PageSpeed ​​Insights."]

Это 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. Потяните в помощь, когда это необходимо

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

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

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

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

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

Предлагаемое чтение: Нет необходимости в разработке: зачем нужен White Label Website Builder

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

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

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

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

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

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

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

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

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

Похожие

Комментарии