Your Company
Вкусный портал

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

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

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

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

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

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

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

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

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

На страницах, которые были всего на одну секунду быстрее, коэффициент конверсии увеличился на 27%   За 4,2 секунды средний коэффициент конверсии опустился ниже 1%   К 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 три месяца спустя Поэтому я пишу этот пост о скорости сайта, даже если Vendasta настроена на 44/100 для скорости мобильного устройства (обновление: у нас 77/100 три месяца спустя!) И 60/100 для скорости рабочего стола.

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

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

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

На самом деле, даже HubSpot также должен улучшить работу своего сайта в соответствии с инструментом Google PageSpeed ​​Insights:

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

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

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

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

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

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

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

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

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

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

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

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 достижима Вывод ключа: оценка 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 и конверсии в долгосрочной перспективе.

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

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

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

Похожие

Что такое SEO
Многое уходит на создание успешной SEO-кампании. Вам нужен профессионал на вашей стороне. В Colorado Internet Solutions мы задаем этот вопрос «что такое SEO» почти каждый день, когда общаемся с владельцами малого бизнеса. Маркетинг вашего бизнеса в Интернете - сложное и чрезвычайно гибкое мероприятие, и попытка поделиться всем на эту тему займет гораздо больше времени, чем вы хотели бы потратить на чтение, поэтому мы поделились
Что такое SEO - определение SEO
... страницы в результатах платежной системы, бесплатный, часто называемый их «естественным» или «органическим» позиционированием. , В общем, как можно скорее (или набрав больше баллов на странице результатов поиска), и чаще всего сайт появляется в списке результатов поиска, вы будете получать больше посетителей. SEO может быть ориентирован на различные типы поиска, включая поиск изображений, локальный поиск, поиск видео, академический поиск, поиск новостей и конкретные вертикальные поисковые системы.
Что такое Google TrustRank?
... или, что во многих результатах поиска страницы с популярных веб-сайтов часто отображаются выше, хотя есть страницы с большим «PageRank»"> Вы заметили, что во многих результатах поиска страницы с популярных веб-сайтов часто отображаются выше, хотя есть страницы с большим «PageRank»? Реальность такова, что PageRank больше не влияет на ваше общее положение. Многие поисковые маркетологи приняли тактику, чтобы искусственно поднять свой Google PageRank
Что такое SEO? Почему SEO важно для сайта?
... сайта. PageRank Это получается из совместимости веб-сайта с ключевыми словами, а также качества веб-сайта. Таким образом, веб-сайт, содержание которого соответствует ключевым словам и качеству содержимого, является лучшим, тогда веб-сайт будет в верхней части результатов поиска. Это фон SEO.
Что такое RSS-канал?
... как его использовать. Для блоггера это один из способов позволить своим пользователям подписываться на обновления блога. Среди блоггеров и людей, которые любят получать информацию из Интернета, RSS-канал не должен быть новым словом, но для многих это жаргон. Сегодня мы узнаем о RSS-каналах и о том, как полезно всем оставаться в курсе новостей. А также для блоггеров, поэтому вы не можете позволить себе пропустить предложение RSS в качестве варианта подписки.
SEO анализ сайта
Анализ SEO - дешевый вход в предмет поисковой оптимизации. Ваша домашняя страница и / или подстраницы будут проверены на наличие множества различных (локальных и внешних) рейтинговых факторов, которые Google использует для оценки вашего сайта. Сам Google официально подтвердил,
Как работает алгоритм SEO Google?
... страницы. Вот что происходит: Google использует крошечные программы под названием «пауки» для индексации ваших сайтов. Эти программы предназначены для просмотра веб-страниц, подобно тому, как люди просматривают веб-сайты, переходя от страницы к странице и от ссылки к ссылке. Цель этих «пауков» или «ботов» - найти и проиндексировать каждую страницу в
Оптимизация SEO вашего сайта Joomla
... изнеса, у которого есть веб-сайт Joomla"> Вы владелец бизнеса, у которого есть веб-сайт Joomla? Вы ищете информацию о наилучшем способе оптимизации вашего сайта Joomla с использованием новейших технологий и методологий SEO? Эта статья цитируется и переводится со следующего сайта: http://magazine.joomla.org/issues/issue-mar-2013/item/1134-seo-optimizing-your-joomla-website
КАК: Использовать LinkedIn для вашей SEO кампании
Эрин Эверхарт - директор по интернет-маркетингу и социальным сетям в компании, занимающейся цифровым маркетингом и веб-дизайном, 352 Inc. Связаться с ней в Твиттере @erinever , Есть два способа покорить веб-маркетинг: хороший контент и даже лучшие отношения. Проблема в том, что любой профессионал SEO уже определил это. Попробуйте настроить таргетинг на блоги в качестве ссылок. Не только
SEO SiteCheckup
... как она может показать вам еженедельные изменения в более чем 30 факторах и переменных SEO. Вы также получите уведомления, если ваш SEO-рейтинг изменится. Кроме того, он покажет профиль SEO ваших конкурентов, и вы сможете сравнить до 5 конкурентов рядом. Вы также можете получить бесплатный SEO отчет с нашего сайта. Да, вы меня правильно поняли. Если вам нужно отправить подробный отчет вашему клиенту, не расстраивайтесь, так как он быстро генерирует редактируемые отчеты SEO для веб-сайтов
Что такое SEO-позиционирование и почему это важно?
Если у вас есть веб-страница, и вы ввели в Google «как привлечь больше посетителей», «как расти в Интернете», «как выйти на первую позицию в Google», вы наверняка видели это слово повторяющееся снова и снова: позиционирование SEO или SEO и больше SEO , Но, если, наоборот, у вас нет веб-страницы, вы можете связаться с нами сейчас, и мы предоставим вам решение. А пока я объясню, что

Комментарии

Но я имею в виду это, вы знаете: если вы уже знаете с самого начала, что Ли Мин - это тот, кто сделал все эти вещи, почему вы не уверены, что вы психопат?
Но я имею в виду это, вы знаете: если вы уже знаете с самого начала, что Ли Мин - это тот, кто сделал все эти вещи, почему вы не уверены, что вы психопат? Это Ли Хен сказал гением, но почему Рада не логична? -_- Случаи довольно хороши, например, случай заключенного насильника, который пришел к Ли Хьюну, чтобы спросить, правда ли, что психопатическая природа может быть генетически уменьшена? Случай интересный, на самом деле основной сюжет (история Ли Хена и окружающих его
Как вы можете проверить, если кто-то не знает, что вы делаете с SEO вашего сайта / блога?
Как вы можете проверить, если кто-то не знает, что вы делаете с SEO вашего сайта / блога? На самом деле, даже если вы имеете дело с вашим SEO, все равно может быть трудно сразу понять, работает он или нет. Использование метрик, инструментов отслеживания и Google Analytics
Как вы узнали бы эффективность вашего сайта SEO, когда вы не знаете, сколько людей посетили ваш сайт?
Как вы узнали бы эффективность вашего сайта SEO, когда вы не знаете, сколько людей посетили ваш сайт? Shopify оснащен самым эффективным инструментом отслеживания посетителей - Google Analytics. Обратитесь к изображению ниже, чтобы увидеть, насколько проста установка. Просто скопировав свой уникальный код Google Analytics на страницу администрирования Shopify, вы можете начать подсчет ваших потенциальных клиентов!
Вы хотите быть уверенным, что вы делаете это правильно с первого раза, но как вы можете это сделать?
Вы хотите быть уверенным, что вы делаете это правильно с первого раза, но как вы можете это сделать? Именно поэтому мы составили список способов, которыми вы можете добиться самой лучшей местной SEO-кампании, которая улучшит ваши локальные рейтинги и, в свою очередь, ваш бизнес. Для тех, кто плохо знаком с местным SEO и находит тему в лучшем случае немного расплывчатой, ее можно описать довольно простым способом. Локальное SEO - это целевой интернет-маркетинговый инструмент,
Вы можете ускорить процесс сканирования, повторно отправив URL своего веб-сайта в Google через Google Search Console , Знаете ли вы, что вы можете даже отправлять URL-адреса отдельных страниц?
Вы хотите быть уверенным, что вы делаете это правильно с первого раза, но как вы можете это сделать? Именно поэтому мы составили список способов, которыми вы можете добиться самой лучшей местной SEO-кампании, которая улучшит ваши локальные рейтинги и, в свою очередь, ваш бизнес. Для тех, кто плохо знаком с местным SEO и находит тему в лучшем случае немного расплывчатой, ее можно описать довольно простым способом. Локальное SEO - это целевой интернет-маркетинговый инструмент,
Теперь, когда вы знаете, что такое обратные ссылки и почему они так важны в SEO, вы, наверное, задаетесь вопросом, как создавать обратные ссылки, не так ли?
Теперь, когда вы знаете, что такое обратные ссылки и почему они так важны в SEO, вы, наверное, задаетесь вопросом, как создавать обратные ссылки, не так ли? Ну, есть разные способы создания обратных ссылок. Может быть комментирование блога , гостевая публикация отправка веб-каталога Однако очень важно получить обратные
Почему SEO так важно и как вы можете успешно использовать SEO, чтобы привлечь внимание к вакансии?
Почему SEO так важно и как вы можете успешно использовать SEO, чтобы привлечь внимание к вакансии? В этой статье вы найдете три основных совета по SEO. Google твой лучший друг Возможно, это хорошая идея, чтобы сначала дать краткое объяснение концепции SEO. Поисковая оптимизация, или поисковая оптимизация, относится к поисковым системам, и, в частности, к тому, что вы здесь находите. Когда вы слышите слово «поисковая система», вы быстро думаете о Google, и это правильно: доля Google
Если у вас есть компания, и вы решили начать себя в онлайн-мире (или вы уже в ней), первое, что вам нужно помнить, это SEO стратегия что ты собираешься выполнять?
Почему SEO так важно и как вы можете успешно использовать SEO, чтобы привлечь внимание к вакансии? В этой статье вы найдете три основных совета по SEO. Google твой лучший друг Возможно, это хорошая идея, чтобы сначала дать краткое объяснение концепции SEO. Поисковая оптимизация, или поисковая оптимизация, относится к поисковым системам, и, в частности, к тому, что вы здесь находите. Когда вы слышите слово «поисковая система», вы быстро думаете о Google, и это правильно: доля Google
Но что, если вашей ключевой фразой является «SEO для веб-дизайнеров и веб-разработчиков», сколько раз вы можете повторить это, прежде чем это будет звучать просто неестественно?
Но что, если вашей ключевой фразой является «SEO для веб-дизайнеров и веб-разработчиков», сколько раз вы можете повторить это, прежде чем это будет звучать просто неестественно? Пишите для своих читателей, а не для поисковых систем. Если вы будете следовать советам в этой статье вы будете писать естественно для своих читателей; который работает для поисковых систем тоже. Предупреждение: не переполняйте свою страницу теми же ключевыми словами, иначе вы можете быть
Как вы думаете, это важно, как вы думаете, вы можете оказаться на вершине поисковых систем?
Как вы думаете, это важно, как вы думаете, вы можете оказаться на вершине поисковых систем? Проанализируйте свое бесплатное веб-позиционирование с помощью Rankerizer Оцените эту статью! VideoGuide, чтобы создать полный веб-шаг за шагом. От 0 до 100 WordPress, социальные сети, маркетинг и SEO.
Должны ли вы доверять им все, что связано с SEO, ожидая, что ваш рейтинг повысится, поскольку они работают над своей магией SEO?
Должны ли вы доверять им все, что связано с SEO, ожидая, что ваш рейтинг повысится, поскольку они работают над своей магией SEO? Нет. Вместо этого вы должны точно узнать, что они делают, особенно в течение первых нескольких месяцев контракта. Чем раньше вы сможете узнать, что они делают, тем больше у вас шансов определить, помогают ли они вашему сайту или вредят ему. Вот предупреждающие знаки о том, что ваше SEO агентство может быть проблемой.

Зачем?
Является ли ваш сексуальный сайт вечно оживляющим Trans-AM?
Типичный веб-сайт соответствует задаче?
Но почему именно скорость страницы имеет значение?
Вы достаточно взрослые, чтобы помнить этот сладкий звук?
Вы сидите там и терпите медленное время загрузки?
Каково ваше впечатление от веб-сайта, который загружается вечно?
Как вы можете перемещать людей через свою воронку, если каждый шаг занимает вечность?
Как вы можете сделать ваш сайт загружаться быстрее?
Так как же это сделать?

Новости

Alcazar - официальный сайт концертного агента. Заказать выступление группу Alcazar на праздник, свадьбу, корпоратив в ProConcert.
Добро пожаловать на страницу шведской музыкальной группы. Группа «Alcazar»  - это шикарная творческая идея продюсера Александра Барда. В 1998 году музыкант решил создать новый интересный проект,

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

Организация и проведение корпоративных мероприятий и праздников в СПБ – event-агентство REMAR Group
Корпоративные праздники – это важный элемент налаживания взаимоотношений между сотрудниками фирмы, представителями различных отделений компании. Проведение подобных мероприятий подразумевает легкую, приятную,

Проведение юбилея - проведение юбилея 40-45 лет | Организация праздников и корпоративных мероприятий от «ClubTrade»
Близится очередная круглая дата? Предлагаем Вам отметить юбилей с нашей помощью. Специалисты « Clubtrade » подберут ведущего для Вашего праздника – интеллигентного мужчину или интересную даму в возрасте

Что надеть на новогодний корпоратив 2018


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

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

Добро пожаловать в питерский Форт Боярд!
Помните программу Форт Боярд, которую 15 лет тому назад с нетерпением ждала большая часть телезрителей РФ? Сегодня ее трудно назвать особенно популярной, но соревнования, проводимые среди участников, не

Аренда кальяна на дом
Ваш отдых - наша работа!   О нас      Здравствуйте дорогие друзья! Организация ООО «Есть Кальян» Екатеринбург рады предложить вам следующие виды услуг относительно вашего отдыха. Отличным дополнением

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

Реклама

Календарь

Реклама

Copyright © 2016 www.j-operamini.b5bedf3d7