Скорость загрузки страниц google: Как проверить скорость загрузки сайта? 4 самых актуальных инструмента

Содержание

Google обновил инструмент для измерения скорости загрузки сайта PageSpeed Insights

В 04:10 по московскому времени обновился инструмент Google PageSpeed Insights. Это зафиксировала система мониторинга Loading.express.

{«id»:130330,»type»:1,»typeStr»:»content»,»showTitle»:false,»initialState»:{«isActive»:false},»gtm»:»»}

{«id»:130330,»gtm»:null}

7781 просмотров

Источник: google.com

Теперь инструмент работает на версии Lighthouse 6.0.

Новый PageSpeed Insights включает в себя новые метрики «Отрисовка крупного контента», «Общее время блокировки» и «Совокупное смещение макета». Подробнее про каждый показатель вы можете прочитать в материале от 22 марта.

Появились новые предупреждения, вроде «Удалите неиспользуемый код JavaScript» или «Избегайте API document.write()».

{ «osnovaUnitId»: null, «url»: «https://booster.osnova.io/a/relevant?site=vc&v=2», «place»: «between_entry_blocks», «site»: «vc», «settings»: {«modes»:{«externalLink»:{«buttonLabels»:[«\u0423\u0437\u043d\u0430\u0442\u044c»,»\u0427\u0438\u0442\u0430\u0442\u044c»,»\u041d\u0430\u0447\u0430\u0442\u044c»,»\u0417\u0430\u043a\u0430\u0437\u0430\u0442\u044c»,»\u041a\u0443\u043f\u0438\u0442\u044c»,»\u041f\u043e\u043b\u0443\u0447\u0438\u0442\u044c»,»\u0421\u043a\u0430\u0447\u0430\u0442\u044c»,»\u041f\u0435\u0440\u0435\u0439\u0442\u0438″]}},»deviceList»:{«desktop»:»\u0414\u0435\u0441\u043a\u0442\u043e\u043f»,»smartphone»:»\u0421\u043c\u0430\u0440\u0442\u0444\u043e\u043d\u044b»,»tablet»:»\u041f\u043b\u0430\u043d\u0448\u0435\u0442\u044b»}} }

(adsbygoogle = window.adsbygoogle || []).push({});
«Данные наблюдений» обновили свои показатели. Теперь в них присутствует Отрисовка крупного контента (LCP) и Совокупное смещение макета (CLS), вместе с Первая отрисовка контента (FCP) и Первая задержка ввода (FID).

Инструмент в консоли разработчика Chrome тоже обновился до 6.0 версии Lighthouse.

Ссылки с новых параметров ведут на статью про Web Vitals (ENG). Материал на русском языке от 11 мая здесь.

Web Dev Live

Google объявил о старте онлайн конференции 30 июня «web.dev LIVE», которая начнется в 19:00 и продлится до 22:00 (МСК). Ссылка на подробности о мероприятии здесь — web.dev/live/.

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

Новые аудиты пока не до конца переведены на русский язык.

Общие показатели оценки от Google PageSpeed Insights могли упасть от 10% до 50%. Сайты, которым раньше Гугл давал оценку в желтой зоне, теперь могут переместиться в красную.

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

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

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

В Google анонсировали еще одно нововведение. С июля 2018 года фактором ранжирования станет скорость загрузки страницы в мобильной версии.

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

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

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

Chrome User Experience Report — инструмент, позволяющий собрать UX-метрики.

Lighthouse — автоматизированная утилита для аудита качества веб-страниц.

PageSpeed Insights — программа, демонстрирующая насколько эффективно страница работает в Chrome.

Такие изменения свидетельствуют — Google становится более дружелюбным для пользователей.

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

Экспертная оценка

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

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

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

Оптимизация скорости загрузки сайта от А до Я

Вступление

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

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

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

 

Оценка скорости загрузки сайта — инструменты

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

К внутренним относятся сервисы, доступ к которым можно получить, имея доступ к сайту по ftp, хостингу либо к административной панели CMS. 

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

Внутренние инструменты
  • Яднекс Метрика
    . В интерфейсе Яндекс метрики через библиотеку виджетов можно вывести виджет по мониторингу скорости загрузки сайта, которую определяет яндекс метрика. Выглядит он вот так:

 

Виджет мониторинга скорости загрузки сайта

 

  • Яндекс Вебмастер. Если сайт добавлен в панель вебмастера, по ссылке “Сводка” можно посмотреть индекс скорости загрузки сайта

Оценка скорости загрузки сайта через панель Вебмастера Яндекс

  • Google Analytics. Счетчик Google analytics также позволяет проанализировать скорость загрузки сайта. Зайти в данный отчет можно через левое меню: Поведение->Скорость загрузки сайта->Время загрузки страниц:

 

Определение скорости загрузки сайта в Google Analitis

 

Здесь же в Google Analitics можно оценить время загрузки отдельных страниц (Поведение->Скорость загрузки сайта->Ускорение загрузки):

 

 

Оценка скорости загрузки отдельных страниц через Google Analitis

 

  • Google Вебмастер. Как и в случае с вебмастером Яндекс, в Google Webmaster выводится виджет по оценке скорости загрузки сайта. Загружается данный отчет через ссылку в левом меню – “Статистика сканирования”:

Отчет загрузки страницы в Google Webmaster

 

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

Оценка производительности в административной панели CMS Битрикс

 

Внешние инструменты

Внешних инструментов и веб-сервисов для оценки скорости загрузки существует великое множество, как российских, так и зарубежных разработчиков. Мы используем в своей работе https://tools.pingdom.com/ и https://developers.google.com/speed/pagespeed/insights/

 

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

 

Детальная оценка скорости загрузки отдельных элементов страницы в pagespeed

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

Основными факторами, влияющими на скорость загрузки страницы, являются:

  • Настройка и производительность сервера
  • Оптимизация изображений
  • Оптимизация кода и базы данных
  • Оптимизация загрузки внешних скриптов
  • Оптимизация контента
  • Оптимизация нагрузки на сайт, кэширование
  • Использование внешних решений – CDN, турбо страниц, страниц AMP

Более подробно о каждом из факторов и способах их оптимизации – ниже.

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

Скорость обработки и передачи информации от сервера пользователю во многом зависит от производительности сервера, и от его настроек. В своей работе мы перепробовали множество решений, и в зависимости от целей, CMS сайта, посещаемости, наличия поддоменов и т.д. подходят разные решения – уникального нет. В своей работе мы чаще всего используем виртуальные серверы от компаний rusonyx.ru и beget.com. Но и они имеют свои недостатки, поэтому прежде чем выбирать хостинг для своего сайта – следует изучить технические возможности сайта, а также проконсультироваться у соответствующих специалистов.

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

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

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

Одной из причин долгой загрузки страницы является то, что на сайт добавляются изображения, размеры которых не соответствуют размерам блоков, в которых эти изображения выводятся. Например, в слайдер на главной странице загружается изображение 6000×4000 пикселей. При стандартном разрешении экрана в 1280×700 пикселей и 1920×1080 в Full HD. 

 

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

 

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

Многие изображения можно сжать без потери качества. Для этого существует множество десктопных программ и онлайн сервисов. Мы в своей работе пользуемся сервисом https://www.iloveimg.com/ru/compress-image, который позволяет сжать изображение до 80%.

 

Использование современных форматов для изображений

Для более быстрой загрузки страниц сайта рекомендуется использовать современные форматы изображений. Google рекомендует использовать форматы JPEG 2000, JPEG XR и WebP (более подробно — https://web.dev/uses-webp-images/)

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

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

 

  • Версия php. На некоторых сайтах до сих пор можно наблюдать использование старой версии php  5. Обновление до 7-ой версии по некоторым оценкам увеличивает производительность кода в несколько раз. 

 

  • Скрипты js и стили css. Загрузка скриптов и стилей, которые не используются на страницах сайта, также может привести к потере скорости при загрузке сайта. Эта “болезнь” многих популярных CMS, где по умолчанию включен функционал и соответственно загружаются файлы, которые не используются сайтом. Проверить, какие скрипты не используется можно с помощью консоли браузера либо сторонних сервисов.

 

Также можно сократить объем используемых скриптов, и сжать используемые сайтом файлы стилей css. Для популярных CMS для оптимизации кода настройки сайта существует множество модулей и плагинов. Например, для CMS WordPress данным плагином является Clearfy Pro

    

Оптимизация кода с помощью плагина Clearfy Pro в CMS WordPress

  • Базы данных. Оптимизация баз данных для сайтов также является одним из факторов, с помощью которого можно увеличить скорость загрузки сайта. Для каждой CMS настройки БД индивидуальны, и для многих существуют специальные плагины, установка которых позволяет оптимизировать базу данных без привлечения специалистов. Например, вышеупомянутый плагин Clearfy Pro для WordPress позволяет отключить ревизии*.

 

*Ревизии — при сохранении и обновлении любой записи или страницы создается её копия (ревизия), которую в будущем можно посмотреть или восстановить. Но со временем большое количество таких ревизий (а их может быть десятки для каждой страницы) забивают базу данных, расходуя место и замедляя работу. Обычно достаточно хранить до 3-5 последних ревизий.

 

Отключение ревизий в CMS WordPress с помощью плагина Clearfy Pro

Оптимизация загрузки внешних скриптов

В значительной мере на скорость загрузки сайта может повлиять долгая загрузка скриптов js с внешних источников. Это касается, например, Яндекс метрики, Гугл аналитекс, онлайн-консультанта и других внешних сервисов. Проверить какие скрипты грузятся, и сколько времени занимает их загрузка можно через сервисы https://tools.pingdom.com/ и https://developers.google.com/speed/pagespeed/insights/

Решениями подобной проблемы являются:

  • Вынесение внешних скриптов в конец кода страницы (перед тегом </body>) – чтобы сначала прогружался основной контент сайта, а затем подключались внешние скрипты.
  • Использование внешнего скрипта локально. То есть внешний скрипт можно скопировать на сервер сайта, и в коде сайта обращаться к нему уже локально*.

 

*Примечание: подобный метод мы использовали при обращении к скрипту Яндекс Метрики – мы скопировали js-файл метрики на сервер сайта, и в коде страниц обращались к js-файлу локально. Для того, чтобы версия js-файла была всегда актуальной,  с помощью cron еженедельно js файл ежедневно обновлялся с внешнего сервера Яндекса. 

Оптимизация контента

К оптимизации контента относится:

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

 

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

 

  • Удаление ненужных блоков и информации. Размер загружаемого контента можно оптимизировать за счет удаления ненужных блоков с информацией. Этими блоками могут быть – виджеты соцсетей, блоки новостей, блоки с рекомендуемыми товарами и т.д. Естественно, прежде чем удалять подобные блоки, необходимо удостовериться в бесполезности их присутствия на сайте. Это можно сделать с помощью настроенных целей в Яндекс Метрике, анализе карты кликов и т.д.

Оптимизация нагрузки на сайт, кэширование

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

  • Запрет по ip. Через файл .htaccess можно запретить обращения к вашему сайту с определенных ip – то есть тех ip, которые используют боты веб-сервисов для обращения на ваш сайт.  Более подробно об этом в моей статье о запрете ботам посещать ваш сайт. В конце статьи есть ссылка на инструмент собственной разработки по анализу лог-файла сервера и выявлению нежелательных ботов.

 

  • Скорость обхода сайта роботами Яндекса. С помощью вебмастера Яндекс можно задать параметры для частоты посещения вашего сайта роботами Яндекса. Более подробно об этой настройке можно почитать в Справке Яндекса

 

  • Оптимизация индексации. Роботы поисковых систем обходят все страницы сайта, ссылки которых им известны, и на которые нет запрета в файле robots.txt. Соответственно для того, чтобы боты не посещали страницы, которые не нуждаются в индексации (служебные, несуществующие и т.д.) – необходимо соответствующим образом настроить файлы robots.txt и sitemap.xml.  В файле robots.txt страницы, которые не нужны нам в индексе – запрещаем для индексации, а в карте сайта sitemap.xml размещаем урлы только тех страниц, которые нужны для нахождения в индексе поисковых систем.

 

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

 

 

Для кэширования данных можно использовать файл .htaccess (более подробно об этом можно почитать в моей статье “Настройка сжатия файлов в .htaccess”), либо плагины и модули, разработанные для различных CMS. Например, для CMS WordPress подобным модулем является модуль Breeze.

Использование внешних решений – CDN, турбо страниц, страниц AMP

Для увеличения скорости загрузки сайта можно использовать сторонние решения. К ним относятся CDN серверы, турбо страницы от Яндекса и AMP страницы от Google.

  • CDN (Content Delivery Network) — это географически распределённая сетевая инфраструктура, обеспечивающая быструю доставку контента пользователям веб-сервисов и сайтов. Входящие в состав CDN серверы географически располагаются таким образом, чтобы сделать время ответа для пользователей сайта/сервиса минимальным.

На CDN серверах можно располагать – скрипты js, файлы стилей css, изображения и другой контент, загрузка которого с вашего сервера может занимать гораздо больше времени, чем c CDN. Многие крупные компании используют свои CDN серверы для загрузки подобных файлов. Например, OZON, Amazon и другие. Также есть компании провайдеры, которые предоставляют свои CDN серверы для использования сторонним сайтам. Например, сайт стопкоронивирус.рф пользуется услугами сервиса — https://www.cdnvideo.ru/

 

  • Турбо-страницы. Это технология Яндекса, которая ускоряет загрузку контента. Она позволяет создавать Турбо-страницы — лёгкие версии веб-страниц, которые быстро открываются на мобильных устройствах, а также ускоряет загрузку сайтов в 

Яндекс.Браузере. Настраиваются турбо-страницы через панель Вебмастера Яндекс. 

 

  • AMP (Accelerated Mobile Pages) – это технология ускоренных мобильных страниц, которая разрабатывается независимыми разработчиками и активно продвигается компанией Google. Суть в том, что на сайте используются специальные теги, количество и функционал которых строго ограничены. Задача разработчика состоит в том, чтобы собрать солянку из доступных схем, которые решат проблему заказчика. Google находит эти специальные тэги и кэширует информацию в них. После этого, когда пользователь ищет что-то в Гугле, браузер на фоне подгружает информацию из CDN Гугла, в специальный iframe и при переходе по ссылке открывает уже загруженную страницу в специальном окне.

 

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

 

Выводы

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

Надеюсь, данный документ поможет вам правильно оптимизировать скорость загрузки вашего сайта. А если возникнут трудности – обращайтесь в компанию Купи Слова.

Новый алгоритм Speed Update или Почему важна скорость загрузки страниц

В июле 2018 года Google представил новый алгоритм ранжирования страниц в поиске – Speed Update. Суть заключается в том, что скорость загрузки страниц стала официальным фактором ранжирования сайта.

Если еще недавно представители Google утверждали, что скорость загрузки не является фактором ранжирования, то с момента июльского апдейта всё изменилось.

«Грядущее обновление будет несколько отличаться от тех, что были ранее 7-8 лет назад, когда не было существенного пояснения между быстрой и медленной загрузкой страницы. Теперь, обновленный алгоритм будет расценивать страницы на основании что-то вроде «шкалы» скорости. Чем быстрее вы сделаете свою страницу, тем лучше она будет нами расценена» — пояснил Джон Мюллер, Webmaster Trends Analyst at Google

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

Более подробно — здесь.

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

«Speed Update применяет один и тот же стандарт ко всем страницам, независимо от технологии, на основе которой они созданы. Поисковое намерение остаётся очень сильным сигналом, поэтому медленные страницы могут по-прежнему высоко ранжироваться, если они содержат отличный и релевантный контент», — объяснили в Google.

Как мы узнаем, считает ли Google, что ваши веб-страницы работают достаточно быстро?

Дело в том, что Google не предоставляет конкретную метрику по этому поводу, но утверждает, что использует несколько способов измерения скорости страницы и предлагает веб-мастерам взглянуть на метрики из отчета Chrome User Experience, а также инструментов Lighthouse и PageInsights.

Инфосправка

  • PageSpeed Insights. Инструмент, анализирующий содержание страниц и предлагающий решения, которые позволяют ускорить их загрузку.
  • LightHouse. Автоматизированный инструмент с открытым исходным кодом для улучшения качества веб-страниц. Он проводит анализ производительности страниц сайта, доступности, прогрессивных веб-приложений и многое другое.
  • Chrome User Experience. Данный инструмент помогает разработчикам улучшить UX своих сайтов за счет возможности сравнения его с другими сайтами в сети.

Мы используем все вышеуказанные инструменты в рамках разработки стратегии оптимизации.

А теперь давайте посмотрим, насколько быстро работает ваш сайт.

Что такое Google Page Speed? Как ускорить сайт по Google Page Speed

27.06.2019

Понимание критериев Google Page Speed важно для любой компании, которая полагается на продажи в интернете.

Почему?

Все началось в 2018 году, когда было выпущено обновление Lighthouse 3.0. Оно принесло некоторые изменение в алгоритм ранжирования поисковой выдачи Google. Теперь на ранжирование сайтов в поисковых системах (условных рейтинг) влияет скорость загрузки страниц.

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

Какие критерии влияют на ранжирование?

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

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

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

Обратите внимание, что это только РЕКОМЕНДАЦИИ. Ваш сайт не обязательно должен набирать 100% по скорости. В большинстве случаев это просто невозможно. Если ваш сайт набирает 80% и более, это уже хорошо. Всегда оценивайте скорость работы сайтов ваших конкурентов по поисковой выдаче. Выберите лучшего и ориентируйтесь на эти показатели.

Дополнительно смотрите на что именно ругается Page Speed и есть ли вообще возможно это убрать. 

Для примера вот скорость официального сайта Apple — apple.com:

Почему важна оптимизация скорости загрузки сайта?

Быстрый сайт — это счастливые клиенты и хорошая конверсия 🙂

Исследования показали, что за каждую. секунду, превышающую базовый 3-секундный эталон скорости загрузки, коэффициент конверсии снижается на 3%. Это значит, что если вашему сайту требуется 6 секунд, чтобы загрузится — ваш коэффициент конверсии падает на 9%.

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

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

Как ускорить сайт?

  • Используйте современные форматы изображений. TIFF и BMP уже давно пылятся на полке истории. JPEG, GIF и PNG скоро пойдут за ними следом. Обратите внимание на новые форматы файлов, такие как: WebP, JPEG 2000 или JPEG XR. Эти форматы зачастую меньше весят и не теряют качества изображения при сжатии.

  • Всегда оптимизируйте изображения. Пусть это станет рефлексом для вашего контент-менеджера. Сжимайте каждый файл, сегодня это можно сделать прямо в браузере. А для тех, кто использует WordPress есть плагин, который будет это делать автоматически. Используйте подходящие размеры изображений. Нет смысла грузить на сайт изображения размером 4000х3000px (за исключением когда необходимо дать возможность пользователю загрузить исходник). Достаточно 1920px по ширине, и то, только в том случае, если это изображение является полноэкранным.

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

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

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

Итог

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

Россия напала на Украину!

Россия напала на Украину!

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

Всем нам, украинцам, россиянам и всему миру правительство России врало последние два месяца. Нам говорили, что войска на границе “проходят учения”, что “Россия никого не собирается захватывать”, “их уже отводят”, а мирное население Украины “просто смотрит пропаганду”. Мы очень хотели верить вам.

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

Киев, ул. Кошица 7а. 25.02.2022

 Это не 1941, это сегодня. Это сейчас. 
Больше 5 000 русских солдат убито в не своей и никому не нужной войне
Более 300 мирных украинских жителей погибли
Более 2 000 мирных людей ранено

Под Киевом горит нефтебаза – утро 27 февраля, 2022.

Нам искренне больно от ваших постов в соцсетях о том, что это “все сняли заранее” и “нарисовали”, но мы, к сожалению, вас понимаем.

Неделю назад никто из нас не поверил бы, что такое может произойти в 2022.

Метро Киева, Украина — с 25 февраля по сей день

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

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

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

ул. Лобановского 6а, Киев, Украина. 26.02.2022

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

P.S. К сожалению, это не “фотошоп от Пентагона”, как вам говорят. И да, в этих квартирах находились люди.

«Это не война, а только спец. операция.»

Это война.

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

«Россия хочет только защитить ЛНР и ДНР.»

Это не так.

Все это время идет обстрел городов во всех областях Украины, вторые сутки украинские военные борются за Киев.

На карте Украины вы легко увидите, что Львов, Ивано-Франковск или Луцк – это больше 1,000 км от ЛНР и ДНР. Это другой конец страны. 25 февраля, 2022 – места попадания ракет

25 февраля, 2022 – места попадания ракет «Мирных жителей это не коснется.»

Уже коснулось.

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

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

«У российских войск нет потерь.»

Ваши соотечественники гибнут тысячами.

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

«В Украине – геноцид русскоязычного народа, а Россия его спасает.»

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

Говорят в семье, с друзьями и на работе. Нас никогда и никак не притесняли.

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

«Украина во власти нацистов и их нужно уничтожить.»

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

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

Украинские семьи потеряли больше 1,377,000 родных, борясь с нацизмом во время Второй мировой. Мы никогда не выберем нацизм, фашизм или национализм, как наш путь. И нам не верится, что вы сами можете всерьез так думать.

«Украинцы это заслужили.»

Мы у себя дома, на своей земле.

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

Мы не хотим ни минуты этой войны и ни одной бессмысленной смерти. Но мы не отдадим вам наш дом и не простим молчания, с которым вы смотрите на этот ночной кошмар.

Искренне ваш, Народ Украины

От чего зависит и как увеличить скорость загрузки сайта?

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

Поисковые системы заботятся о комфорте пользователей, поэтому не пропускают в ТОП площадки, которые долго грузятся. Даже если медленные страницы займут первые места выдачи, они будут раздражать людей и получать много отказов – пессимизации не избежать. В связи с этим важно оптимизировать скорость своего сайта. Высокий показатель способствует продажам, успешному поисковому продвижению и станет конкурентным преимуществом в «битве» за аудиторию.

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

Оптимальная скорость загрузки – 2-3 сек., если документ отображается быстрее, то это шикарный результат. А вот загрузка сайта более 4-5 сек. в 2 раза повышает отказы, а более 8 сек. – приводит к потере практически всех клиентов. Каждая секунда задержки снижает конверсию на 7-10%, поэтому обязательно отслеживайте этот параметр.

Протестировать скорость страниц сайта можно в следующих сервисах:

  1. Google PageSpeed Insights. Анализирует несколько показателей: скорость отображения основного контента, время ожидания до первого взаимодействия, визуальную стабильность элементов. PageSpeed выставляет также общую оценку по 100-бальной системе. Идеальный показатель – от 90 баллов. Но если сайт набирает всего 50 и при этом загружается за положенные 2-3 секунды, не переживайте из-за низкого результата. Не пытайтесь фанатично повысить баллы, сервис больше подходит для выявления проблемных зон.
  2. Sitespeed. Информативный и удобный инструмент. Показывает подробный график с загрузкой каждого объекта, позволяет тестировать работу DNS-серверов.
  3. GTMetrix. С помощью этого инструмента удобно проверять скорость по регионам, просматривать видео с загрузкой. Бесплатно протестировать получится всего 3 URL, за большее количество необходимо оплатить тариф.

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

12 причин низкой скорости сайта

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

№1 – «тяжёлые» страницы

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

Уменьшить веб-страницы можно с помощью алгоритмов сжатия gzip и brotli. Первый самый популярный, является неким стандартом, второй – более новая и эффективная технология. С помощью gzip возможно сжать текстовый файл размером 5,3 Мб до 1,9 Мб, а используя brotli – до 1,7 Мб. Рекомендуем применять оба алгоритма: brotli хоть и сильнее сжимает данные, но gzip поддерживают больше браузеров.

№2 – «тяжёлые» изображения

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

  1. Добавляйте картинки и фото в формате JPEG. Это позволит значительно сжимать графику практически без потери качества. Чтобы сохранять файлы в JPEG, воспользуйтесь сервисом Photoshop: загрузите изображение, кликните по вкладке «файл», выберите «сохранить для web», затем – «JPEG». Этот формат поддерживается всеми устройствами и браузерами, но у него есть недостаток – отсутствует прозрачность, которая требуется для комбинирования изображений.
  2. Не прибегайте без нужды к PNG. Этот формат как раз обеспечивает хорошую прозрачность, но значительно нагружает ресурс. Поэтому используйте его разумно, только в случаях, когда без него не обойтись, например, для создания анимированных кнопок или css-спрайтов.
  3. Перед публикацией уменьшайте размер изображений. Картинку шириной 5000 пикселей, смело сокращайте до 1600. Есть, конечно, исключения, например, фото товара с функцией просмотра «лупа» должно быть крупным. Для оптимизации изображений подключите плагин-оптимизатор (Robin, Image Optimizer или другой подобный), он позволит автоматически уменьшать картинки на 40–80%.
  4. Избавляйтесь от цифрового «мусора». Изображения часто обрабатываются в редакторах и на выходе содержат ненужные рабочие версии, незадействованные палитры и т.д. Лишние метаданные лучше удалять.

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

№3 – много ненужного в «джава» и CSS

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

№4 – не оптимизированы шрифты

Чем больше шрифтов, тем дольше загрузка сайта. Рекомендуем использовать не более трёх на всех веб-страницах, это уменьшит объем файлов и ускорит ресурс. Количество начертаний тоже ограничьте до 3-4. Также лучше не применять устаревшие форматы: для корректного отображения достаточно двух – woff и woff2, современные браузеры это позволяют.

В отчёте сервиса PageSpeed Insights иногда выводится замечание: «настройте показ всего текста во время загрузки веб-шрифтов». Оно означает, что пока не прогрузится шрифтовый файл, пользователь не увидит информацию, т.е. какое-то время будет «созерцать» белый экран. Чтобы устранить проблему, настройте отображение текста системным шрифтом до подгрузки основного файла. Для этого в стили добавьте свойство «font-display:swap».

№5 – ошибки в коде и некачественные плагины

Лишняя цифра или некорректно указанный класс в коде тоже вызывают задержки в работе. Столкнувшись с логической или синтаксической ошибкой, ресурс «зависает» и грузится медленнее. Здесь нужен подробный анализ и рефакторинг (перепроектирование кода). Нагружают сайт и подключённые плагины из сомнительных источников, их легко выявить через сервисы проверки.

№6 – загрузка всех файлов одновременно

Если HTML, CSS и JS загружаются одновременно, отображение данных блокируется, пока не прогрузятся все элементы. Это тоже замедляет веб-площадку. Рекомендуем настроить асинхронную загрузку, чтобы браузер загружал основной HTML и прочие ресурсы без ожидания CSS и JavaScript. Таким образом, объёмные JS-файлы не будут блокировать остальную часть данных – сайт заработает быстрее.

№7 – браузер посылает большое количество запросов

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

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

№8 – не настроено кэширование

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

Настроив кэширование, вы улучшите скорость работы сайта, даже в условиях ограниченных ресурсов. Конечно, при первом посещении время загрузки не изменится, но для постоянной аудитории ресурс заработает быстрее. Чтобы подключить опцию, используйте плагины, иногда система кэширования входит в базовый функционал CMS (Joomla, «1С-Битрикс», Drupal). Также для настройки можно обратиться к хостинг-провайдеру.

№9 – лишние плагины и счётчики

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

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

№10 – большое расстояние между ресурсом и пользователями

Расстояние тоже влияет на скорость работы. Если портал хостится в Европе, а ваша аудитория живёт в Самаре, то контент будет идти долго. Лучшее решение здесь – сети доставки данных (CDN).  Это географически распределённая сеть серверов, которая хранит содержимое веб-страниц и предоставляет их пользователям, в зависимости от местоположения. Расстояние сокращается – контент доставляется быстрее.

Популярные CDN – Amazon CloudFront, BunnyCDN, в России часто используют NGENIX, CDNvideo. Стоимость услуг – около $0.01/GB, есть тарифы с ежемесячной оплатой. При выборе оператора обратите внимание на количество и расположение точек присутствия, а также дополнительные услуги.

№11 – проблемы на сервере

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

№12 – давно не обновлялась CMS

Популярные движки (WordPress, Drupal, MODx, OpenCart, «1С-Битрикс») постоянно улучшаются разработчиками, в том числе в плане скорости. Поэтому иногда достаточно обновить версию, чтобы ресурс заработал быстрее. Конечно, глобальных проблем с загрузкой это не решает, но иногда скорость открытия сайта действительно немного повышается, особенно если вы давно не запускали обновления.

Как улучшить скорость загрузки мобильной версии сайта?

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

Google AMP (accelerated mobile pages)

Увеличить скорость сайта в Google для мобильных пользователей помогут технологии AMP. Для базовой веб-страницы создаётся облегчённая AMP-версия, которая загружается практически мгновенно. «Гугл» кэширует AMP-страницы и выступает в роли CDN – даже если у пользователя медленный интернет, документ всё равно быстро загрузится.

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

Но у AMP есть минусы. Прежде всего это разные ограничения: размер стилей не должен превышать 50 Кб, запрещены скрипты, которые не входят в библиотеку AMP JS и т.д. У документа значительно уменьшается объём данных, а это плохо сказывается на юзабилити. На страницах нет объемных изображений, красивых кнопок, виджетов соцсетей, отсутствует навигационное меню, формы комментирования и другие важные для аудитории блоки. Это ухудшает взаимодействие с сайтом, лишает площадку собственного уникального стиля.

Конечно, многие функции можно «прикрутить» вручную или с помощью плагинов, но всё равно AMP-страницы смотрятся «беднее» базовых. Эта технология больше подходит для новостных, информационных проектов, отдельных документов с контентом. По поводу интернет-магазинов единого мнения нет. С одной стороны, AMP поддерживает различные плагины eCommerce, и многие западные торговые площадки постепенно переходят на ускоренный формат от Google. Но с другой, в жертву высокой скорости приносится индивидуальность и интерактивность.

Турбо-страницы – технология «Яндекса»

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

Минусы такие же, как и у AMP: однотипный дизайн, скромный функционал. У турбо-страниц много ограничений: не поддерживают большое количество плагинов, «не дружат» с форматированием, есть лимит на добавление изображений (картинок в ленте не более 5000 шт.). Турбо-страницы не получают никаких преимуществ в других поисковиках – использовать технологию целесообразно только, если ваша аудитория находится в «Яндексе».

Как и АМР, турбо-страницы заточены под информационные порталы. С интернет-магазинами возникают сложности: отсутствуют важные блоки, товар в прайс-листе принадлежит только одной категории, иногда генерируются некорректные характеристики и т.д. Несмотря на это, ускорение «Яндекса» успешно используют некоторые популярные магазины: Baon, SnowQueen, Ogo1.

Технологии «Яндекс» и Google доступны не только для мобильного, но и для десктопного трафика. Использовать их или нет, решать вам. Главное – не настраивайте все разделы одновременно, применять их можно только для отдельных записей. Сначала проанализируйте статистические данные сайта и внесите изменения там, где необходимо.

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

Google PageSpeed ​​— скорость загрузки веб-сайта

В середине 2009 года Google запустила инициативу для более быстрого Интернета «Давайте сделаем Интернет быстрее», тем самым заложив основу для еще одного нового фактора ранжирования. С тех пор многое произошло в области PageSpeed, измерения и оптимизации времени загрузки веб-сайтов.

Время загрузки веб-сайта (скорость страницы) является фактором ранжирования SEO

С 2009 года Google поощряет веб-мастеров во всем мире думать о PageSpeed ​​(время загрузки или скорость страницы) своих веб-сайтов.В 2010 году было объявлено, что PageSpeed ​​отныне станет одним из примерно 200 факторов ранжирования.

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

— Официальный блог Google

Несмотря на то, что, по данным Google, фактор ранжирования PageSpeed ​​в то время влиял менее чем на 1% поисковых запросов, веб-мастерам все же следует усердно работать над оптимизацией времени загрузки своих веб-сайтов, поскольку это помогает обеспечить плавный пользовательский опыт.

Мы рекомендуем вам следить за скоростью загрузки вашего сайта — не только для повышения вашего рейтинга в поисковых системах, но и для удобства всех пользователей Интернета , Google объявил, что сигналы качества страницы будут включены в рейтинг поиска Google с их обновлением «Впечатления от страницы». Эти сигналы измеряют, как пользователи воспринимают свое взаимодействие с веб-страницей, и призваны помочь поисковой системе убедиться, что люди видят

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

Джеффри Хосе, менеджер по поиску в центральном блоге Google Search

Google объединяет существующие факторы удобства для пользователей на мобильных устройствах, вопросы безопасности, HTTPS и удобство рекламы с новыми показателями PageSpeed, так называемые Core Web Vitals.

Сигналы взаимодействия со страницей, называемые «опытом страницы». Источник

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

Почему время загрузки сайта так важно?

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

Скорость загрузки и пользователи

Такие сайты, как Google, Amazon и Yahoo, очень подробно проанализировали влияние времени загрузки на поведение пользователей и опубликовали следующую статистику:

100 мс дополнительного времени загрузки вызвали падение на 1%. в продаже.

Грег Линден, Amazon

500 мс дополнительного времени загрузки привели к сокращению количества поисковых запросов на 20%.

Marrissa Mayer, Google

Уменьшение размера страницы на 30% привело к увеличению запросов карт на 30%.

Marrissa Mayer, Google

400 мс дополнительного времени загрузки привели к увеличению на 5-9% числа людей, которые нажали «Назад» еще до того, как страница загрузилась.

Николь Салливан, Yahoo!

Важна не только скорость; стабильность также важна

Чтобы пользователи были довольны, макет страницы также должен оставаться стабильным на протяжении всего жизненного цикла пользователя.

Исследование Yahoo! JAPAN, одна из крупнейших медиакомпаний Японии с более чем 79 миллиардами просмотров страниц в месяц, ясно показывает важность кумулятивного изменения макета, или CLS, для удовлетворенности пользователей.Новостная платформа Yahoo! JAPAN News создали специальную группу разработчиков, специально предназначенную для улучшения взаимодействия с пользователем и Core Web Vitals (CWV).

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

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

PageSpeed ​​влияет на активность сканирования роботом GoogleBot

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

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

Что говорит Google?

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

Источник: Matt Cutts

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

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

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

Авторы Мэтью Махалик и Елена Юнг также написали о скорости страницы и ее влиянии на SEO здесь, а таблица экспертов, Джерри, Барри, Дон и Нед, обсуждают эту тему в видео 2018 года, показанном ниже.

Скорость важнее релевантности?

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

Ясный ответ на это: релевантность важнее.

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

Как измеряется PageSpeed ​​веб-сайта?

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

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

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

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

Значение PageSpeed, также известное как Lighthouse Score, также можно использовать для оценки скорости загрузки веб-сайта. Он варьируется по шкале от 0 до 100 и рассчитывается отдельно для настольных и мобильных устройств.

Как можно проверить PageSpeed ​​веб-сайта?

Google PageSpeed ​​Insights

Вы можете использовать инструменты Google, чтобы узнать, нуждается ли ваш сайт в оптимизации. Инструмент Google PageSpeed ​​Insignts проверяет ваш сайт всего за несколько секунд. В дополнение к лабораторным данным, которые он собирает, PageSpeed ​​Insights также отображает некоторые полевые данные из отчета Chrome UX, а также указывает, прошла ли рассматриваемая страница Web Vitals Test.

Данные этого поля могут отображаться в отчете Core Web Vitals в Google Search Console для всех соответствующих URL-адресов:

Lighthouse

Еще один инструмент, который Google делает доступным непосредственно в консоли разработчика Chrome, — это Lighthouse, автоматизированный инструмент с открытым исходным кодом. для улучшения качества сайтов. Lighthouse работает в браузере Google Chrome и позволяет тестировать веб-сайты, включая закрытые или локальные среды разработки.

Слева находится тестируемый сайт.Справа панель производительности Chrome DevTools с отчетом Lighthouse.

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

SISTRIX PageSpeed ​​Tool

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

Сравнить скорость страницы прямо здесь

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

Что говорит Google?

Если вы можете ускорить свой сайт, это действительно хорошо для пользователей, а также для поисковых систем… Это [скорость страницы] является лишь одним из более чем 200 факторов ранжирования.

Источник: Matt Cutts

Более подробная информация об инструментах проверки скорости страницы здесь.

Как повысить скорость страницы?

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

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

Дополнительная информация от Google по этой теме

Инфографика о времени загрузки веб-сайта и связанных с ним пользовательских сигналах

Google PageSpeed ​​Insights, которую вы должны знать

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

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

Это то, что Google измеряет, учитывая скорость страницы

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

  • Ответ сервера: Время ответа сервера измеряет, сколько времени требуется серверу для ответа на запрос страницы.Это также известно как время до первого байта.
  • Первая содержательная краска: Первая содержательная краска измеряет, когда на вашем сайте начинает появляться первый контент. Например, это могут быть изображения или текст.
  • Первая значимая краска: Первая значимая краска, с другой стороны, измеряет, сколько времени требуется, чтобы контент появился на экране, который действительно помогает зрителю. Он измеряет время загрузки наиболее важного контента на странице. Поскольку этот показатель показывает, когда люди действительно могут начать пользоваться веб-сайтом, его важно отслеживать.
  • Индекс скорости: Индекс скорости показывает среднее время, необходимое для отображения визуальных частей вашего сайта.
  • Первый простой ЦП: Первый простой ЦП относится к моменту, когда люди могут начать взаимодействовать с веб-страницей. Опять же, поскольку основное внимание уделяется скорости страницы, чтобы предоставить клиентам надежный пользовательский опыт, важно точно знать, когда они могут начать взаимодействовать со страницей.
  • Время до интерактивности: Время до интерактивности показывает, сколько времени требуется, чтобы страница стала полностью интерактивной — это означает, что клиенты могут взаимодействовать с материалом, а страница перестала загружаться.
  • Максимальная возможная задержка первого ввода: Максимально возможная задержка первого ввода измеряет наибольшую задержку ввода, с которой могут столкнуться пользователи. FID относится к задержке, которая возникает между тем, когда клиент взаимодействует с чем-либо на странице, и веб-сайт отвечает на эту команду.

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

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

Скорость страницы Google влияет на ваш рейтинг

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

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

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

Вот девять стратегий, которые помогут вам повысить скорость загрузки страницы.

Увеличить рейтинг и уменьшить PageSpeed ​​

Повышение скорости страницы с помощью этих идей

  1. Обратите внимание на свой JavaScript
  2. Что такое отложенная загрузка изображений и как они работают?
  3. Как CDN помогает ускорить страницу?
  4. Зачем кэшировать изображения?
  5. Нужно ли сжимать изображения?
  6. Какой тип файла изображения использовать?
  7. Как ваша CMS влияет на скорость страницы?
  8. Влияют ли услуги хостинга на скорость страницы?
  9. Почему и как удалить лишний CSS?

1.Обратите внимание на свой JavaScript

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

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

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

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

2. Что такое отложенная загрузка изображений и как они работают?

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

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

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

3. Как CDN помогает ускорить страницу?

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

4. Зачем кешировать изображения?

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

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

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

5. Нужно ли сжимать изображения?

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

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

Отрегулируйте изображения до их фактического размера на сайте и уменьшите вес файла со сжатием до менее 50 КБ для меньшего изображения и менее 100 КБ для больших изображений, таких как заголовки и фоновые изображения.

6. Какой тип файла изображения использовать?

В дополнение к сжатию изображения вы также можете повысить скорость своего сайта, взглянув на тип используемого файла изображения. Как правило, вы столкнетесь с тремя основными вариантами: JPEG, PNG и GIF.

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

7. Как ваша CMS влияет на скорость страницы?

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

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

8. Влияют ли услуги хостинга на скорость страницы?

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

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

9. Почему и как удалить лишний CSS?

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

Что делать, если предложения Google не улучшают скорость загрузки страниц так, как предсказал Google?

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

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

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

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

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

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

Работа над техническими проблемами скорости страницы

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

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

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

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

  1. Большие изображения добавлены кем-то без технических навыков, необходимых для понимания размера изображения и веса файла.Убедитесь, что люди, которым поручено добавлять изображения на ваш веб-сайт, понимают влияние больших изображений на медленную скорость загрузки и то, как они могут решить эту проблему.
  2. Пытаюсь сэкономить на хостинге. Помните, что хостинг — это не та область, где вы хотите срезать углы. Хост, который также пытается обрабатывать миллионы других веб-сайтов, может легко перегрузиться и замедлиться. Не упускайте из виду эту потенциальную проблему.
  3. Слишком много перенаправлений пользователей. Когда вы создаете и реструктурируете свой сайт, помните, как часто вы удаляете страницы и перенаправляете пользователей.Каждое перенаправление будет увеличивать время загрузки для пользователя, поэтому вы должны использовать это как можно меньше.
  4. Не кэшируется сайт. Кэширование вашего сайта — это простой способ создать быструю загрузку для пользователей. Не упустите эту возможность помочь тем, кто возвращается на ваш сайт.
  5. Не обращая внимания на вашу систему управления контентом. Различные системы управления контентом предлагают разные преимущества, и иногда они могут приводить к замедлению работы сайтов. Обратите внимание на скорость вашей страницы и не бойтесь перемещать свой контент с одной CMS на другую, если того требует ситуация.

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

Google Pagespeed Insights для издателей

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

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

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

Google PageSpeed ​​Insights и Core Web Vitals Score


Компания Google разработала инструмент PageSpeed ​​Insights для анализа содержания сайта и скорости загрузки, оценки производительности сайта и предоставления информации, которая поможет издателям улучшить скорость сайта.Google использует инструмент скорости сайта под названием Lighthouse, чтобы оценить ваш сайт от 1 до 100 отдельно для настольной и мобильной версий, при этом 90+ является хорошей оценкой.

Первоначально PageSpeed ​​Insights в основном фокусировался на факторах скорости загрузки, но недавно Google переключился на общее впечатление от сайта. Google заявляет: «Оптимизация качества взаимодействия с пользователем является ключом к долгосрочному успеху любого сайта в Интернете».

PageSpeed ​​Insights изначально основывался на лабораторных тестах веб-сайта, но недавно Google переключил внимание на более общий опыт работы с веб-сайтом и включил полевые данные о производительности веб-сайта.Они разработали Google Core Web Vitals (CWV), который фокусируется на трех показателях взаимодействия с пользователем: стабильности страницы, скорости загрузки контента и скорости взаимодействия со страницей.

SEO-специалисты

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


Хотите увидеть реальные цифры успеха установок платного доступа?


Что представляют собой показатели Google Core Web Vitals?

Google Core Web Vitals — это три показателя, которые оценивают стабильность страницы, скорость загрузки страницы и скорость отклика страницы на взаимодействие с пользователем.Core Web Vitals измеряются и сообщаются как для настольных компьютеров, так и для мобильных устройств, и доступны из Google Search Console, а также на их странице PageSpeed ​​Insights для разработчиков. Любой, кто хочет измерить свой сайт или любой сайт, может ввести URL-адрес страницы и просмотреть отчет.

  • Крупнейшая отрисовка содержимого (LCP) — Этот рейтинг относится к тому, насколько быстро страница может загрузить основное содержимое страницы. LCP 2,5 секунды или меньше — это хороший результат.
  • Задержка первого ввода (FID) — Этот рейтинг измеряет, сколько времени требуется веб-странице, чтобы отреагировать на действие, которое предпринимает пользователь. Таймер для этого измерения запускается, когда на странице есть что-то визуальное, на что пользователь может отреагировать, и заканчивается, когда страница может реагировать на это действие посетителя. Если страница не может ответить пользователю, потому что она отвечает на многие другие сценарии, которые она загружает первой, оценка FID пострадает. Для проходного балла FID за 100 миллисекунд или менее является хорошим результатом.
  • Совокупное смещение макета (CLS) — CLS измеряет визуальную стабильность страницы и макета. Если вы нажмете табуляцию, все будет двигаться? Есть ли у вас реклама, изображения или элементы страницы, которые загружаются позже и вызывают смещение макета страницы? Это приводит к плохой оценке CLS. Рейтинг CLS 0,1 или меньше — это хороший показатель.

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

Руководство Google для издателей, проводящих собственный аудит скорости страницы: «Считать страницу пропущенной, если она соответствует рекомендуемым целевым показателям на 75-м процентиле по всем трем вышеперечисленным показателям».

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


Обновление: данные недавнего исследования, проведенного Томом Каппером из Moz, показывают, что на рейтинг веб-сайтов в первую очередь влияет, если они не соответствуют всем 3 пороговым значениям Core Web Vitals (LCP, FID, CLS), но невыполнение 1 или 2 не коррелирует с существенное влияние на ранжирование.

 

Как издатели могут улучшить скорость загрузки страниц и основные веб-жизненные показатели?


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

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

Внедрение отложенной загрузки для улучшения FID Web Vital

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

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

Использование сети доставки контента CDN

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

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

Крупные медиафайлы являются одной из основных причин медленной загрузки страниц в комментариях и одними из самых простых в устранении. Вы должны ранжировать все изображения на своем сайте по размеру и сразу обращать внимание на те 100 тысяч или больше.Вы можете просканировать свой сайт с помощью такого инструмента, как Screaming Frog, чтобы идентифицировать все большие изображения за считанные минуты. WordPress и современные системы CMS часто имеют встроенные средства сжатия изображений, но проверьте сами. Иногда вы можете добиться большего успеха с помощью сторонних инструментов, созданных специально для сжатия изображений, таких как tinypng или jpeg-optimizer.

Удалите неиспользуемые файлы JavaScript для повышения скорости рендеринга страницы

На вашей веб-странице слишком много JavaScript? Если JavaScript блокирует рендеринг, его необходимо вызвать, загрузить, проанализировать и выполнить, прежде чем страница сможет завершить рендеринг.У вас есть неиспользуемые файлы JavaScript? Файлы JavaScript могут накапливаться для таргетинга, систем CMS, настройки пикселей отслеживания, социальных тегов, загрузки шрифтов и т. д. Вы можете подробно определить, какая часть вашего JavaScript не используется, с помощью функции покрытия в Chrome DevTools.

При запуске инструмента скорости страницы Google он идентифицирует любой JavaScript с более чем 20 килобайтами неиспользуемого кода.

Объедините или уменьшите CSS и скрипты для повышения скорости страницы

Минимизация этих скриптов сохраняет их машиночитаемость, но ускоряет их загрузку.Существует несколько инструментов для минимизации скриптов; RankRed собрал хороший набор инструментов и описаний для минимизации скриптов. Вы также можете сэкономить несколько поездок на сервер, если объедините файлы JavaScript или CSS.

Оптимизация кэша для Core Web Vitals

Стратегия кэширования должна быть пересмотрена для типа вашего сайта с учетом функций кэширования PI, таких как Cache-control и Last-Modified. Разработчики Google предоставляют некоторые рекомендации и контрольный список для параметров кэширования, а также параметров конфигурации для популярных серверов.Вы можете предварительно загрузить кеш, чтобы страница уже была оптимизирована до того, как робот Googlebot прибудет для оценки производительности.

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

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

  • Укажите атрибуты высоты и ширины изображения, чтобы браузер мог планировать их недвижимое пространство, даже если они будут лениво загружаться позже.
  • Зарезервируйте место для рекламы, фреймов и динамического контента.Используйте контейнеры, чтобы избежать смещения макета во время рендеринга.
  • Рассмотрите возможность оптимизации отображения шрифта с помощью ссылки rel=»preload» и font-display: необязательно.

Запустить аналитику

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

Вот несколько рекомендаций для более технических и подробных обсуждений оптимизации скорости страницы:

Платные подписки в ваших планах на будущее?


Как Admiral помогает повысить производительность издателя

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

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

Точечные решения умножают технический долг издателей

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


Admiral проверен сторонним тестом скорости в более чем 100 клиентских сценариях

Admiral активно помогает издателям оптимизировать Core Web Vitals и заключила контракт с признанным на национальном уровне цифровым агентством (Anvil Media) на тщательное тестирование однотегового решения Admiral на скорость и влияние на Core Web Vitals.Эксперты Anvil по скорости страницы протестировали тег Admiral на 15 сайтах клиентов, все модули решения Admiral, настольные и мобильные устройства, в течение пяти дней, предварительные и последующие измерения, а также все 3 показателя CWV; Всего 100 сценариев. Группа тестирования Anvil подтвердила, что тег Admiral не оказал существенного негативного влияния на оценки CWV для клиентов и модулей. На самом деле, многомодульный тег Admiral — это мощный инструмент для издателей, позволяющий избавиться от бесполезных тегов точечного решения и оптимизировать скорость страницы в долгосрочной перспективе.

Admiral заменяет многоточечные решения интегрированной автоматизацией маркетинга

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


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

8-шаговое руководство по достижению 100% скорости страницы Google

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

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

Для тех, кто хочет получить представление о времени загрузки, Google предлагает бесплатный инструмент PageSpeeds Insights, который может оценить вашу страницу по шкале от нуля до 100.Вот краткий пример отчета, который PageSpeed ​​Insights представляет после поиска «google.com»:

.

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

Вот пример отчета с длинным списком жаргонных комментариев:

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

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

Как добиться 100% скорости страницы Google

  1. Определите, есть ли и где вы отстаете.
  2. Сжимайте изображения.
  3. Уменьшите или минимизируйте код HTML, CSS и JavaScript.
  4. Удалите элементы, блокирующие визуализацию.
  5. Увеличьте скорость своего мобильного телефона.
  6. Избегайте или минимизируйте перенаправления страниц.
  7. Увеличьте время отклика сервера.
  8. Используйте сеть доставки контента.

1. Определите, где вы отстаете.

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

Вот пять бесплатных инструментов, которые вы можете попробовать:

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

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

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

2. Сжимайте изображения.

Большие изображения — одна из наиболее частых причин медленной загрузки страниц. Существует много разных мнений о том, что такое оптимальный размер файла.В то время как некоторые хосты говорят, что вы должны стремиться к файлам размером менее 200 КБ, блог Shopify предлагает использовать размер менее 70 КБ. Разработчики Google предлагают сделать изображение как можно меньше, прежде чем потеряете четкость.

Чтобы сжимать изображения без полной потери качества, мы предлагаем сжимать файлы с помощью бесплатного онлайн-приложения, такого как Squoosh.app или Compress.io. Вы также можете использовать Photoshop.

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

Размер экрана не совпадает с размером файла. Размер дисплея — это просто размер изображения на вашем веб-сайте.

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

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

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

3. Сократите или минимизируйте код HTML, CSS и JavaScript.

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

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

4. Удалите элементы, блокирующие визуализацию.

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

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

5. Увеличьте скорость своего мобильного телефона.

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

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

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

Сервисы

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

6. Избегайте или минимизируйте перенаправления страниц.

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

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

7. Улучшите время отклика вашего сервера.

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

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

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

8. Используйте сеть доставки контента.

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

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

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

Если вы создали свой сайт с помощью CMS, такой как HubSpot, возможно, он уже работает на CDN. GoDaddy и Squarespace — другие примеры программного обеспечения для управления контентом, предлагающего услугу CDN. Пользователи WordPress также могут установить ряд бесплатных плагинов, таких как CDN Enabler.

Если вы думаете, что у вас нет CDN, несколько поставщиков CDN включают Amazon CloudFront, Cloudflare и сеть доставки контента AT&T.

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

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

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

Мы рассмотрим два основных источника данных о скорости страницы: Google Analytics и Google PageSpeed ​​Insights, а также несколько других показателей, чтобы показать вам, как эффективно проводить аудит ваших страниц для повышения общей скорости.

Метрики в Google Analytics

Google Analytics — хорошее место для начинающих. Если вы никогда раньше не отслеживали скорость своего сайта, вы можете следить за этими показателями, чтобы получить представление о взлетах и ​​падениях производительности вашего сайта. Вы можете найти эти точки данных по пути Google Analytics: Поведение > Скорость сайта > Обзор.

Время загрузки страницы

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

Время загрузки страницы

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

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

Список Page Timings показывает только, какие страницы работают медленно. Они не вдаются в подробности, чтобы объяснить, почему они существуют. Однако у Google есть вкладка «Предложения по ускорению» в Analytics, на которую вы можете ссылаться с улучшениями.

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

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

Google PageSpeed ​​Insights

Если Google Analytics сообщает вам, что со скоростью вашей страницы что-то не так, то Google PageSpeed ​​Insights предоставляет информацию о том, какие части вашего веб-сайта испытывают трудности.Этот инструмент дает вам общую оценку (от 0 до 100, где 100 — лучший результат) как для мобильных, так и для настольных страниц. Затем он разбивает вашу производительность на различные показатели и предоставляет возможности и диагностику для максимальных изменений.

Например, вот результаты анализа веб-сайта Trinity Insight:

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

Первая отрисовка (содержательная и осмысленная)

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

Если вы немного углубитесь в показатели FP, вы наткнетесь на FCP или First Contentful Paint . Это относится к первому жизнеспособному контенту на вашем веб-сайте (в виде текста, изображений и т. д.).). По сути, FCP — это первый раз, когда появляется что-то, что ваша аудитория может использовать или получать информацию.

Тем не менее, есть дополнительный уровень выше этого. First Meaningful Paint (FMP) был придуман Google и относится к времени, которое требуется для загрузки основного контента на страницу, или ко времени, которое требуется для загрузки контента, который пользователи увидели на вашем веб-сайте. Каким бы впечатляющим ни был ваш веб-сайт, никто не заходил на него только для того, чтобы увидеть ваш фон и панель навигации.Вот почему FCP и FMP разделены, но рядом друг с другом в Google Pagespeed Insights.

Индекс скорости

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

Время до взаимодействия

Метрика Время до взаимодействия (TTI) выводит FCP и FMP на новый уровень.Google определяет интерактивность в три шага:

  • Страница показала полезный контент (прошла FCP).
  • Обработчики событий зарегистрированы для наиболее видимых элементов страницы.
  • Страница отвечает на действия пользователя в течение 50 миллисекунд.

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

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

Бездействие первого ЦП

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

Как и FP по сравнению с FCP, First CPU Idle обычно быстрее, чем TTI.

Максимальная потенциальная задержка первого ввода

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

Например, если вы нажмете ссылку на Facebook или Google, вы просто будете сидеть и ждать, пока загрузится ваша страница? Это связано с тем, что браузер слишком занят (обычно обрабатывая другие элементы вашего приложения), чтобы загрузить страницу.

Филип Уолтон, инженер Google, хорошо объясняет FID и то, как он формирует первое впечатление у пользователей. Ваши пользователи не будут давать вашей медленной странице время для загрузки.

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

Дополнительные данные, которые имеют значение

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

Время до первого байта

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

Количество HTTP-запросов

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

Чем меньше HTTP-запросов, тем быстрее ваша страница сможет полностью загрузиться, улучшая такие показатели, как FMP, TTI и FID.

Улучшите скорость страницы с помощью Trinity Insight

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

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

Время загрузки веб-сайта: 13 отличных инструментов

Знаете ли вы, сколько времени требуется для загрузки вашего веб-сайта?

Пройдите тест Google PageSpeed.Как долго это займет? (Прокрутите вниз до пункта «Лабораторные данные» и посмотрите на цифры индекса скорости.)

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

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

Сайт, загрузка которого на мобильных устройствах занимает более 3 секунд, может потерять половину посетителей[email protected] #research Нажмите, чтобы твитнуть

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

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

СООТВЕТСТВУЮЩЕЕ СОДЕРЖИМОЕ:

 

1.Пингдом

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

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

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

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

ПОДБРАННОЕ СООТВЕТСТВУЮЩЕЕ СОДЕРЖИМОЕ: советы и инструменты, которые помогут убедиться, что скорость не убивает ваш сайт

2.Google PageSpeed ​​

У Google также есть собственные инструменты для разработчиков под названием PageSpeed. Как и Pingdom, он берет URL-адрес вашего веб-сайта и запускает несколько тестов для анализа производительности и предоставления отзывов разработчику.

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

3. Проверка сжатия URL-адреса

Я не говорю здесь о bit.ly или Tiny URL. Тест сжатия URL — это инструмент, который определяет, отправляет ли ваш сервер сжатые данные. Он проверяет сжатие с помощью mod_gzip или mod_deflate и любых других серверных языков, которые могут сжимать данные.

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

4. Средство проверки кэша Google

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

Этот важный инструмент тестирования веб-сайтов может помочь вам улучшить SEO, особенно когда вы меняете доменное имя или хостинг. Знание того, был ли ваш сайт проиндексирован, имеет решающее значение для переноса. Как известно веб-разработчикам и SEO-менеджерам, обновление вашего DNS занимает от 24 до 72 часов. В этот период любой пользователь будет перенаправлен на наиболее похожий веб-сайт, кэшированный в базе данных Google. (И если вашего сайта нет в кеше, он не будет обслуживаться во время сбоев.)

По словам @AbyLeague, если вашего сайта нет в кеше, он не будет обслуживаться во время сбоев.Нажмите, чтобы твитнуть

СООТВЕТСТВУЮЩЕЕ СОДЕРЖИМОЕ:

 

5. Дотком-Монитор

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

Получите глобальное представление: @Dotcom_Monitor тестирует время загрузки сайта в 25 местах, говорит @AbyLeague.#tools Нажмите, чтобы твитнуть

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

6. YМедленно

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

[email protected], возможно, лучший инструмент для анализа скорости страницы на рынке, говорит @AbyLeague. Нажмите, чтобы твитнуть

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

7. Крошечный PNG

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

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

Сжаты ли изображения вашего сайта? Это необходимо для ускорения загрузки, говорит @AbyLeague. Нажмите, чтобы твитнуть

СООТВЕТСТВУЮЩЕЕ СОДЕРЖИМОЕ:

 

8. GTmetrix

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

9. ИкоМун

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

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

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

10. Chrome DevTools

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

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

11. Желтые лабораторные инструменты

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

12. Google Speed ​​Scorecard

Да, это еще один тест скорости загрузки сайта от Google, но есть одно большое отличие. Карта Google Speed ​​​​Scorecard позволяет увидеть, насколько сильно скорость вашего сайта может повлиять на ваш доход. Заполнив поля в оценщике, вы сразу увидите, насколько увеличится ваш доход в зависимости от времени загрузки.

13. Google Маяк

Google Lighthouse — это также автоматизированный инструмент, используемый для наблюдения за производительностью веб-сайта.Однако Lighthouse запускается в DevTools Google Chrome. Это упрощает и ускоряет проверку показателей производительности веб-сайта, тестирование улучшений и внесение изменений, поскольку все это можно увидеть на одной вкладке.

Увеличь скорость

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

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

СООТВЕТСТВУЮЩЕЕ СОДЕРЖИМОЕ:

 

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

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

Изображение на обложке Джозефа Калиновски/Content Marketing Institute

5 неизвестных способов оптимизации скорости страницы Google в 2020 году

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

Источник

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

Итак, какие у вас есть варианты для ускорения загрузки страниц? Почти все маркетологи знают, что кеширование браузера, уменьшение количества плагинов или использование CDN — это распространенные приемы для повышения скорости загрузки, но в наши дни этих систем просто недостаточно для повышения ранжирования, учитывая, что 80% результатов на первых двух страницах загружаются быстрее. чем две секунды. Вот несколько «следующих шагов» помимо основ оптимизации загрузки страниц в 2020 году.

1. Используйте отложенную загрузку для ускорения рендеринга

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

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

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

Источник

Платформа для создания веб-сайтов Duda провела исследование того, как веб-сайты могут соответствовать последним стандартам загрузки страниц Google Lighthouse 3.0, и интегрировала отложенную загрузку в свою платформу, в результате чего сайты набрали более 90 баллов в тесте Google PageSpeed ​​с десятибалльный подъем в счетах Маяка.Излишне говорить, что эти оценки могут оказать значительное влияние на рейтинг сайта.

Источник

2. Объединение файлов для сокращения HTTP-запросов

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

Таким образом, если ваш веб-сайт отправляет или отвечает на несколько HTTP-запросов на странице для таких функций, как плагины, темы и изображения, это может серьезно снизить скорость загрузки. Лучший способ значительно сократить это число — объединить несколько файлов CSS и Javascript в один файл большего размера. Это довольно технический вопрос — вам нужно точно знать, какой код работает вместе, и может ли он сломать один или два плагина. Поэтому маркетологи должны хорошо разбираться в коде или тесно сотрудничать с разработчиками, прежде чем пытаться это сделать.

3. Интеграция спрайтов CSS для более быстрой загрузки изображений

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

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

Источник

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

4. Отказ от кодов отслеживания для быстрого анализа

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

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

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

Источник

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

5. Оптимизация элементов на странице для быстрого функционирования

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

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

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

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

Leave a Reply