Как быстро должна загружаться ваша веб-страница и как ускорить ваш сайт

  1. Каждая секунда имеет значение
  2. Сколько стоит «Скорость веб-сайта» в рейтинге рейтинга Google в 2019 году?
  3. Как я могу проверить на SEO проблемы на сайте?
  4. Как быстро должен загружаться ваш сайт в 2019 году?
  5. Недавние тематические исследования о производительности сайта
  6. Скорость загрузки
  7. Как ускорить время загрузки вашего сайта
  8. Мой собственный пример скорости тестирования сайта как фактор ранжирования
  9. До
  10. ТАК - Какое влияние все эти изменения в скорости загрузки страницы оказали на мой рейтинг?
  11. Скорость загрузки веб-сайта и страницы является фактором ранжирования Google, но…

Цитата : « 2 секунды - это порог приемлемости сайта электронной коммерции

Цитата : « 2 секунды - это порог приемлемости сайта электронной коммерции. В Google мы стремимся меньше половины секунды. Maile Ohye, от Google

Людям нравятся быстрые сайты в 2019 году.

И Google тоже. На самом деле, Google так любит быстрые быстрые сайты, что готовится перейти к тому, что он называет « мобильным первым » индексом в 2019 году.

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

Теперь, когда Google полон решимости сосредоточиться на ранжировании сайтов, основываясь на своем мобильном опыте, настало время, чтобы компании ДЕЙСТВИТЕЛЬНО сосредоточились на предоставлении максимально быстрого и удобного в использовании DESKTOP и MOBILE опыта.

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

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

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

Быстрый сайт - это хороший пользовательский опыт (UX), а удовлетворительный UX ведет к увеличению конверсии, и теперь, когда Google так сильно продвигается в этом направлении, настало время для тех, кто инвестирует в SEO принять участие.

Цитата : « Как быстро ваш сайт загружается, имеет решающее значение, но часто является абсолютно игнорируемым элементом в любом онлайн-бизнесе, который включает в себя поисковый маркетинг и поисковую оптимизацию. И это включает в себя время загрузки страницы на мобильных устройствах. Согласно новому анализу, среднее время полной загрузки мобильной целевой страницы составляет 22 секунды. Тем не менее, 53% посещений отменяются, если загрузка мобильного сайта занимает более трех секунд . Это большая проблема. Google

Очень медленные сайты - плохой пользовательский опыт, и в наши дни Google - все о хорошем UX.

Каждая секунда имеет значение

Каждая секунда имеет значение

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

Сколько стоит «Скорость веб-сайта» в рейтинге рейтинга Google в 2019 году?

ПРИМЕЧАНИЕ. В этом посте я много цитировал Google и Джона Мюллера из Google:

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

МЕДЛЕННЫЙ САЙТ может быть ОТРИЦАТЕЛЬНЫМ фактором ранжирования.

Я явно был свидетелем очень медленных сайтов (от 10 секунд и более), которые негативно повлияли на Google, а во-вторых, на заявления, сделанные Googlers:

Цитата : «Мы действительно говорим, что у нас есть небольшой фактор для страниц, которые действительно медленно загружаются, где мы принимаем это во внимание» . Джон Мюллер, GOOGLE

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

Цитата : «Мы наблюдаем чрезвычайно высокое время отклика на запросы, сделанные на ваш сайт (иногда более 2 секунд, чтобы получить один URL ). Это привело к тому, что мы строго ограничили количество URL, которые мы будем сканировать с вашего сайта ». Джон Мюллер, GOOGLE

Джон специально сказал, что 2 секунды нарушают активность CRAWLING, а не способность РЕЙТИНГ, но вы получаете картину.

Джон Мюллер недавно заявил:

Цитата : «RE: [скорость страницы] Так что мы действительно говорим, что у нас есть небольшой фактор для страниц, которые загружаются очень медленно, когда мы принимаем это во внимание ». Джон Мюллер , Google (2015)

а также

Цитата : «Убедитесь, что они [веб-страницы] загружаются быстро, для ваших пользователей. Я стремлюсь менее чем на 2-3 секунды » Джон Мюллер , Google (2016)

и от другого Googler, когда его спросили о сайте, который загружался за 5 секунд:

Цитата : « Я бы не слишком волновался об этом. Сделайте это так быстро, как вы можете. » Гари Иллис , Google 2016

а также

Цитата : « Я думаю, что здесь есть два аспекта, когда вы смотрите на скорость сервера. С одной стороны , в браузере ощущается какая-то воспринимаемая скорость за время, необходимое для отображения страницы, и это определенно фактор ранжирования , вероятно, не самый большой фактор ранжирования. И обычно мы стараемся различать сайты, которые работают очень медленно, и сайты, которые вроде нормальные. Так что просто оптимизация на основе миллисекунд не повлияет на результаты поиска ... другая часть скорости сервера зависит от сканирования, поэтому от того, насколько быстро мы можем сканировать страницы с вашего сайта, это не является фактором ранжирования, но это влияет на то, насколько быстро мы можем получать новый и измененный контент на вашем сайте. » Джон Мюллер , Google (2016)

В 2017 году Google заявил, что для сканирования и индексации вашего сайта:

Цитата : « Для Googlebot быстрый сайт является признаком здоровых серверов, поэтому он может получать больше контента за то же количество подключений. С другой стороны, значительное количество ошибок 5xx или тайм-аутов соединения сигнализирует об обратном, и сканирование замедляется ». Google 2017

Что касается « индекса с мобильного устройства », Google может не сразу использовать скорость мобильного устройства в качестве фактора ранжирования, но:

Цитата : « Я не думаю, что мы сможем сделать это с самого начала. Это хороший момент, хотя. Может быть, мы должны уточнить это где-то ... Но по большей части так же, как мы используем скорость для настольных компьютеров, я не вижу, чтобы мы делали это в начале. Это то, что мы хотели бы сделать в долгосрочной перспективе, но не в начале ». Джон Мюллер , Google Dec 2017

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

Цитата : « [Google] объявляет, что, начиная с июля 2018 года, скорость поиска страниц станет фактором ранжирования для мобильных поисков . «Быстрое обновление», как мы его называем, повлияет только на страницы, которые предоставляют пользователям самый медленный опыт, и повлияет только на небольшой процент запросов. Он применяет один и тот же стандарт ко всем страницам, независимо от технологии, использованной для создания страницы. Намерение поискового запроса по-прежнему является очень сильным сигналом, поэтому медленная страница может по-прежнему иметь высокий рейтинг, если у нее отличный релевантный контент. Google 2018

Как я могу проверить на SEO проблемы на сайте?

Вы можете использовать такие инструменты, как общий (в частности, SEMRush Audit Tool ), SiteBulb Crawler , DeepCrawl , Кричащая лягушка или же SEO Powersuite Сайт Аудитор проверить общие проблемы SEO.

Если вы не технически настроены, мы можем оптимизировать ваш сайт, в том числе ускорить его, как часть нашего SEO сервис с фиксированной ценой или ad-hoc SEO аудит оказание услуг.

Как быстро должен загружаться ваш сайт в 2019 году?

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

Исследование от Doubleclick (принадлежит Google), опубликованное в сентябре 2016 года, предполагает:

Цитата : «Среднее время загрузки мобильных сайтов составляет 19 секунд при подключении 3G». ДВОЙНОЙ ЩЕЛЧОК

а также

Цитата : «Медленная загрузка сайтов расстраивает пользователей и негативно влияет на издателей. В нашем новом исследовании «Потребность в мобильной скорости» мы обнаружили, что 53% посещений мобильных сайтов прекращаются, если загрузка страниц занимает более 3 секунд ».

а также

ЦИТАТА : «сайты, которые загружаются за 5 секунд против 19 секунд, наблюдаемых: на 25% более высокая видимость рекламы (и) на 70% больше средних сеансов (и) на 35% ниже показатель отказов»

В отчете делается вывод:

Цитата : «Несмотря на то, что на доход влияют несколько факторов, в наших модельных проектах издатели, мобильные сайты которых загружаются за 5 секунд, зарабатывают в 2 раза больше доходов от мобильной рекламы, чем те, чьи сайты загружаются за 19 секунд».

Google также подготовил следующую инфографику по отраслевым контрольным показателям загрузки страницы:

Google   также подготовил следующую инфографику по отраслевым контрольным показателям загрузки страницы:

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

Цитата : « Учтите это: мобильные сайты отстают от настольных сайтов по ключевым показателям вовлеченности, таким как среднее время на сайте, количество посещений страниц и показатель отказов. Для розничных продавцов это может быть особенно дорого, поскольку 30% всех покупок в Интернете совершаются в настоящее время на мобильных телефонах. Средний американский розничный мобильный сайт нагруженный в 6,9 секунды в июле 2016 года , но, согласно самым последним данным, 40% потребителей покинут страницу, которая занимает больше времени, чем три секунды для загрузки. И 79% покупателей, которые недовольны производительностью сайта, говорят, что они реже совершают покупки с того же сайта снова. Google, 2016

В начале 2018 года Pingdom предложил нам новое понимание того, как время загрузки влияет на показатель отказов:

В начале 2018 года Pingdom предложил нам новое понимание того, как время загрузки влияет на показатель отказов:

Цитата : « Из миллионов тестов, выполненных с использованием тестов скорости нашего веб-сайта, мы обнаружили, что среднее время загрузки веб-страницы составляет 3,21 секунды … [] Мы обнаружили, что, что неудивительно, время загрузки страницы напрямую влияет на показатель отказов…. [ ] как только время загрузки страницы превысит 3 секунды, показатель отказов возрастет до 38% к тому времени, как он достигнет 5 секунд! Пингдом, 2018

Есть другие сторонние исследования скорости сайта, доступные для поддержки этих выводов от Google, Pingdom и Doubleclick up:

  1. В 2016 году Ancestory.com зафиксировано 7% положительного роста конверсий после сокращения времени рендеринга веб-страниц на 68%, сокращения раздувания страниц на 46% и сокращения времени загрузки на 64%.
  2. В 2016 году презентация AliExpress заявили, что они сократили время загрузки своих страниц на 36% и зафиксировали увеличение заказов на 10,5% и увеличение конверсии на 27% для новых клиентов.
  3. В 2016 году искусственная задержка добавилась к телеграф в результате количество просмотров страниц сократилось на 11% с задержкой 4 с и на 44% с задержкой 20 с.
  4. В 2016 году Поезд сокращение задержки на 0,3 с по всей их воронке, а доход увеличился на дополнительные 8 миллионов фунтов стерлингов в год.
  5. В 2016 году Instagram увеличенные показы и взаимодействия прокрутки профиля пользователя, просто ускоряя их сайт.
  6. В 2016 году FT объявленные тесты нового, более быстрого FT.com привели к тому, что пользователи были на 30% больше вовлечены в работу сайта.
  7. В 2017 году Zitmaxx Wonen время загрузки сократилось до 3 секунд, а конверсии подскочили на 50,2%. Доход от мобильной связи увеличился на 98,7%.
  8. В 2017 году ГОТОВИТЬ увеличил коэффициент конверсии на 7% после уменьшения среднего времени загрузки страницы на 0,85 секунды. Показатель отказов также снизился на 7%.
  9. В 2017 году Pinterest Оптимизация производительности привела к сокращению времени ожидания на 40%, увеличению органического трафика на 15% и увеличению конверсии регистраций на 15%.
  10. В 2017 году BBC заявили, что теряют дополнительные 10% пользователей за каждую дополнительную секунду, необходимую для загрузки их сайта

Очень интересно:

ЦИТАТА : «На каждые 100 мс снижения скорости загрузки домашней страницы клиентская база Mobify увеличивалась на 1,11% в пересчете на основе сеансов , что соответствует среднегодовому увеличению дохода на 376 789 долларов США. Аналогично, на каждые 100 мс снижается скорость загрузки страницы оформления заказа, Mobify - х клиенты увидели повышение конверсии на сессию на 1,55% * , что составило среднегодовой рост выручки на 526 147 долларов США wpostats )

Аналогично, на каждые 100 мс снижается скорость загрузки страницы оформления заказа,   Mobify - х   клиенты увидели повышение конверсии на сессию на 1,55% * , что составило среднегодовой рост выручки на 526 147 долларов США (с   wpostats   )

Еще один очень интересный недавний (2016) скоростной эксперимент проводился на Forbes также пришли к выводу:

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

Время загрузки страницы7 дней воздействия28 дней

1 секунда медленнее -4,9% -4,6% 2 секунды медленнее - -5,0% 3 секунды медленнее -7,2% -7,9%

Цитата : «Из нашего теста видно, что скорость нашего веб-сайта влияет на оба этих потока доходов в краткосрочной перспективе, на сотни тысяч фунтов и миллионы в долгосрочной перспективе. Скорость сайта отрицательно влияет на глубину сеанса пользователя, независимо от того, насколько мала задержка. Медленные сайты также негативно влияют на количество читаемых статей. Во многом, чем медленнее сайт, тем больше эффект. Данные предполагают, как с точки зрения пользовательского опыта, так и финансового воздействия, что есть четкие и ценные преимущества в том, чтобы сделать сайт еще быстрее. В результате этого исследования мы решили потратить еще больше времени на то, чтобы в ближайшие месяцы каждый аспект нового веб-сайта FT.com стал еще быстрее ». FORBES

Другие исследования трудно найти, но они указали бы как можно быстрее .

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

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

ЦИТАТА : « 2-секундная задержка во время загрузки во время транзакции привела к частоте отказа до 87% , Это значительно выше, чем базовый показатель оставления 67% ».

ЦИТАТА : « 2-секундная задержка во время загрузки во время транзакции привела к частоте отказа до   87%   ,  Это значительно выше, чем базовый показатель оставления 67% »

В исследовании 2012 года было установлено, что:

Цитата : «Две трети потребителей в Великобритании ( 67% ) указывать на медленное время загрузки в качестве основной причины отказа от онлайн-покупки ».

Мейл Охи из Google утверждает, что в видео выше:

Цитата : « 2 секунды - это порог приемлемости сайта электронной коммерции. В Google мы стремимся меньше половины секунды. «

Это видео Google от 2010 года. Это утверждение было основано на независимом исследовании, проведенном компанией Akamai в 2009 году:

Цитата : « На основании отзывов 1048 онлайн-покупателей, которые были опрошены, Forrester Consulting сделала следующие основные выводы:

  • 47 процентов потребителей ожидают загрузки веб-страницы в течение двух секунд или меньше
  • 40 процентов потребителей будут ждать не более трех секунд, пока веб-страница будет отображаться, прежде чем покинуть сайт.
  • 52 процента онлайн-покупателей заявили, что быстрая загрузка страниц важна для лояльности их сайтов.
  • Покупатели часто отвлекаются, когда их заставляют ждать загрузки страницы. 14 процентов начнут делать покупки на другом сайте, а 23 процента прекратят делать покупки или уйдут со своего компьютера.
  • Торговые центры и туристические сайты, которые не работают, ведут к снижению продаж. 79 процентов онлайн-покупателей, которые испытывают неудовлетворительное посещение, реже покупают на этом сайте снова. 64 процента просто купят в другом интернет-магазине.

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

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

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

Akamai утверждает, что 75% из 1058 опрошенных не вернутся на сайты, загрузка которых заняла более четырех секунд .

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

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

Около 30% респондентов заявили, что они сформировали «негативное восприятие» компании с плохо составленным сайтом или расскажут своей семье и друзьям об их опыте. Дальнейшие исследования Akamai показали, что почти половина интернет-магазинов в списке 500 лучших торговых сайтов США занимает больше времени, чем четырехсекундный порог, чтобы завершить загрузку. В ходе опроса было опрошено 1058 нетто-покупателей в течение первых шести месяцев 2006 года. Консультанты Jupiter Research провели опрос для Akamai.

Является ли данное исследование достоверным на 100%, определяется вашим собственным опытом. Например, если вы ЗНАЕТЕ, что необходимая информация, вероятно, находится на определенной веб-странице, вам, вероятно, придется ждать более десяти секунд, чтобы просмотреть информацию. Но если вы не ...

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

И это было много лет назад.

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

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

Смотрите ниже, как медленно время загрузки влияние Ваш бизнес:

Скорость загрузки

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

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

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

Некоторые люди сегодня все еще подключаются к Интернету по телефонной линии, используя модем со скоростью от 28,8 до 56 килобит в секунду (кбит / с).

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

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

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

Вероятно, лучше всего предположить, что у вашего пользователя есть возможность МЕДЛЕННОГО соединения, и стремиться обеспечить для него максимально комфортный пользовательский опыт.

Тогда - все выигрывают.

Как ускорить время загрузки вашего сайта

Оптимизируйте ваши изображения!

  • Не забудьте оптимизировать свои изображения - самое важное, что вы можете сделать, чтобы сократить время загрузки. Оптимизация - это просто сохранение в Интернете, например, в Photoshop. Сохраняйте JPG для фотографий и GIF для изображений с большими блоками плоского цвета.
  • Существует несколько способов оптимизации изображений, и вот один из них, если у вас есть Adobe Photoshop. Для ваших файлов JPG, PNG и других файлов, которые могут быть у вас, но не в формате GIF, откройте их в Adobe Photoshop и просто перейдите в меню «Файл»> «Сохранить для Web» и уменьшите изображение до 70% (JPG). Возможно, вы даже не заметите разница в качестве, но вы почти вдвое уменьшите размер изображения.

Загрузка фоновых изображений через внешний CSS

  • Можно представить изображения как часть фона, вызываемого через внешние таблицы стилей CSS.
  • Браузеры загружают фоновые изображения после всего остального. Используя эту технику, ваш текст будет загружаться мгновенно, и пользователи вашего сайта смогут свободно перемещаться по странице, пока загружаются ваши изображения размером 50 КБ.
  • «Ссылка» всегда добавляется в раздел «Голова», т. Е. Где-нибудь между <head> и </ head>, добавьте этот код: <link rel = ”stylesheet” type = ”text / CSS” href = ”your-CSS. CSS»>

Минимизируйте пробелы, возврат строк и комментарии

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

Удалите ненужные теги META и контент META.

Минимизируйте ненужные JavaScript и другие сценарии на стороне клиента

  • Javascript и другие «функциональные» элементы на стороне клиента могут замедлять работу вашей страницы. Удалите их, если не совсем необходимо.

Рекомендации правительства Великобритании:

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

Руководство для веб-сайтов правительства Великобритании
Иллюстрированный справочник для команд веб-менеджмента

Мой собственный пример скорости тестирования сайта как фактор ранжирования

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

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

По сути, мы взяли 299 КБ (упс!) И сократили его до «старой школы» с целевым размером 50 000 :

  • переработка нашего сделанного на заказ шаблона темы WP и CSS
  • сжатие файлов CSS и Javascript
  • уменьшение размера изображения
  • деактивация неэффективных плагинов
  • удаляя некоторые Javascript
  • проверка CSS и HTML
  • улучшение доступности страницы
  • заставить наш скрипт формы загружаться только на страницу контактов
  • Gzip сжатие на стороне сервера

До

  • Общее время загрузки: 10,5 секунд
  • Всего объектов: 78 (299,2 КБ)
  • Внешние объекты: 4 (3,6 КБ)
  • (X) HTML: 1 (22,5 КБ)
  • CSS: 6 (43,5 КБ)
  • Скрипты: 3 (97,8 КБ)
  • Изображения: 68 (135,5 КБ)

После

  • Общее время загрузки: 0,3 секунды
  • Всего объектов: 12 (50,8 КБ)
  • Внешние объекты: 1 (1,3 КБ)
  • (X) HTML: 1 (16,5 КБ)
  • CSS: 3 (8,2 КБ)
  • Сценарии: 0
  • Изображения: 8 (26,2 КБ)

Обзор эффективности инструментов Google для веб-мастеров

Используя GWT Performance Overview (можно найти в функции LABS Инструментов Google для веб-мастеров), я мог отслеживать, что Google думает о скорости моих страниц - и в результате внесенных нами изменений мы вдвое сократили скорость загрузки в соответствии с измерениями, которые делает Google:

Используя GWT Performance Overview (можно найти в функции LABS Инструментов Google для веб-мастеров), я мог отслеживать, что Google думает о скорости моих страниц - и в результате внесенных нами изменений мы вдвое сократили скорость загрузки в соответствии с измерениями, которые делает Google:

В среднем страницы вашего сайта загружаются за 3,4 секунды. Это медленнее, чем 58% сайтов. Эти оценки имеют среднюю точность (от 100 до 1000 точек данных)

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

Используемые инструменты тестирования скорости и доступности

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

доступность

Цитата : «Почему валидация имеет значение? Существуют разные точки зрения на валидацию - в Google также существуют разные подходы и приоритеты, - но команда веб-мастеров считает валидацию базовым атрибутом качества . Он не гарантирует доступность, производительность или ремонтопригодность, но уменьшает количество возможных проблем, которые могут возникнуть, и во многих случаях указывает на правильное использование технологии ». Google ,

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

Реструктуризация HTML

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

В сочетании с раздуванием кода было также много несемантических разметок, div с нематериальными классами и идентификаторами.

Для нового шаблона мы разработали простой каркас, основанный на существующем макете блога, и начали улучшать сайт; какие div-ы нужны и какие будут соответствующие имена классов и идентификаторы. Оттуда мы начинаем разрабатывать сайт в браузере, чтобы помочь итерации и посмотреть, как все сложилось. Основным плюсом проектирования в браузере является то, что вы можете видеть, как сайт отображается в разных браузерах; Apple Safari, Google Chrome, Internet Explorer и Opera.

Повторение CSS

Помимо полного воссоздания файлов шаблонов, файлы CSS также были переделаны. Ничто не было перенесено; мы начали с чистого листа.

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

Есть учебник на веб-сайте A List Apart , где обсуждалось, как создать полностью изменчивый / масштабируемый веб-сайт, так же, как если бы вы использовали старый школьный стол, но вместо этого он был полностью построен с использованием элементов div. В течение некоторого времени я отчаянно пытался попробовать это на живом производстве, и блог hobo предоставил мне такую ​​возможность. Захватите угол окна браузера и измените размер веб-сайта, чтобы элементы обтекали друг друга.

Затем весь CSS был преобразован в однострочные объявления, в отличие от многострочных, чтобы сэкономить ценные килобайты.

Типография

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

Speed ​​Up Contact Form 7 Плагин для WordPress

Плагин Contact Form 7 для WordPress довольно громоздкий с точки зрения внешних скриптов и его загрузки. С тех пор я удалил этот плагин и использую Gravity Forms.

Вы можете ускорить загрузку Контактной формы 7 (по нагрузкам), обеспечив загрузку ТОЛЬКО связанных файлов javascript ТОЛЬКО на самой контактной форме.

Быстро оптимизируйте свою контактную форму 7 Плагин WordPress, просто добавив следующий код в конец файла functions.php - вы можете сэкономить 70 КБ времени загрузки.

ПРИМЕЧАНИЕ. Обязательно оберните следующее в теги PHP в примере, показанном ниже:

add_action ('wp_print_scripts', 'my_deregister_javascript', 100); функция my_deregister_javascript () {if (! is_page ('Contact')) {wp_deregister_script ('contact-form-7');}} add_action ('wp_print_styles', 'my_de_de_des_ ', 100); function my_deregister_styles () {if (! Is_page (' Contact ')) {wp_deregister_style (' contact-form-7 ');}}

Перезапуск сайта

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

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

Некоторые из созданных нами страниц были СЛИШКОМ БОЛЬШИМИ, и пришло время снова оптимизировать их!

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

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

... мы также взяли ярлык и установили WP BJ LAZY LOAD на наш сайт WordPress, чтобы ускорить процесс еще дальше. Этот плагин хорошо играет с WP SUPERCACHE Кроме того, что также значительно повышает скорость сайта.

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

Пока что все получилось - и улучшение времени загрузки, которое предоставляет плагин, того стоило.

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

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

ТАК - Какое влияние все эти изменения в скорости загрузки страницы оказали на мой рейтинг?

Повлияли ли эти огромные различия в скорости загрузки на рейтинг веб-сайта Hobo положительно или отрицательно?

В конце концов, Google сказал, что скорость сайта была среди его факторы ранжирования «…… перед всеми более свежими разъяснениями от Googlers.

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

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

Как говорили многие SEO-специалисты в прошлом, и Мейл Охье подтвердил в видео от 2010 года:

Цитата : «Ранжирование - это нюанс, и в нем более 200 сигналов, но сейчас скорость - один из них. Знайте, что «содержание» и релевантность »все еще первичны». Мейл Охье

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

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

Например, более быстрый сайт должен повысить уровень удовлетворенности посетителей и количество конверсий. Это очень хорошо может повлиять на ваш рейтинг с течением времени на второй порядок - многие SEO считают, что СИГНАЛЫ QUERY COMPLETION & SATISFACTION являются важным показателем того, как Google упорядочивает страницы результатов поиска в 2019 году.

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

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

Я все еще использую Google Search Console (AKA Инструменты Google для веб-мастеров ) и другие упомянутые инструменты, чтобы следить за скоростью загрузки и доступностью веб-сайта.

Скорость загрузки веб-сайта и страницы является фактором ранжирования Google, но…

Скорость загрузки веб-сайта и страницы является фактором ранжирования Google, но…

Цитата : «контент» и релевантность »по-прежнему первичны« Maile Ohye, Google

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

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

В наши дни меня очень много спрашивают о скорости сервера и рейтинге Google. Это может быть частью алгоритма на ОЧЕНЬ минутном уровне (почему бы и нет?), Но небольшие различия в скорости загрузки страницы никогда не будут столь важны, как реальная полезность или релевантность страницы, которую вы хотите оценить.

Вы не можете наносить помаду на свинью в 2019 году, и рискованно пытаться это сделать в долгосрочной перспективе.

Если ваш сервер - dog * & ^%, а загрузка вашего веб-сайта занимает несколько минут, это плохо для пользователя, и ваш сайт, вероятно, не принесет пользы вашему онлайн-бизнесу в ближайшее время. И если это так, то скорость сайта будет отрицательным рейтингом для вашего сайта.

Тесты и инструменты для загрузки веб-сайтов и страниц

  1. https://www.webpagetest.org/
  2. https://gtmetrix.com/
  3. https://tools.pingdom.com/
  4. https://www.uptrends.com/tools/website-speed-test
  5. https://search.google.com/search-console/mobile-friendly
  6. https://developers.google.com/speed/pagespeed/?csw=1

Рекомендации