Как подготовить сайт медицинского учреждения к большому обновлению google в марте 2024 года

25 октября, 2023 00:40

883

25 октября, 2023 00:40

883

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

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

Для ИТ-специалистов новости сообщают кратко: в марте 2024 года Google заменит показатель FID на INP. Но насколько это важно и что за этим стоит?! Поэтому разберемся.

FID (англ. First input delay) – это Задержка Первого Ввода – одна из метрик производительности веб-страниц, описывающая время, прошедшее с того момента, когда пользователь впервые начал взаимодействовать с веб-страницей, то есть нажал на ссылку, кнопку или на другой элемент управления до момента ответа веб-браузера на данное взаимодействие. Таким образом, это промежуток времени в миллисекундах между первым взаимодействием пользователя с веб-страницей и ответом браузера на это взаимодействие.

INP (англ. Interaction to Next Paint) — это взаимодействие со следующей краской или образом. На практике это означает, что сайт медицинского учреждения или врача должен реагировать до 0.2 секунд на действия пользователя. Простыми словами можно сказать, что изменения заключаются в том, что делается больший акцент на работу программного обеспечения самого вашего сайта и измеряется скорость обновления веб-страниц не только после первого действия пользователя, но и скорость реакции сайта на все взаимодействия пользователя во время его пребывания на вашем. сайте.

Как улучшить показатель INP? В этой публикации мы все разъясним. Дальше много технических понятий.

Если же вы, уважаемый читатель, владелец веб-сайта, а разработкой и усовершенствованиями занимаются другие специалисты, то просто переадресуйте эту статью и попросите обратить внимание.
И помните, что всегда рядом с вами специалисты Медицинской платформы ИТМЕД. Просто напишите или позвоните по телефону и получите профессиональную консультацию. Контакты здесь: https://itmed.org/contacts/

Что такое взаимодействие со следующей краской (INP)?

Google дает следующее определение:

«INP оценивает скорость реагирования, используя данные из Event Timing API. Если взаимодействие приводит к тому, что страница перестает отвечать, значит плохое взаимодействие с пользователем. INP наблюдает задержку всех пользовательских взаимодействий и отделяет одно значение, ниже которого были все (или почти все) взаимодействия. Низкий INP означает, что страница всегда не могла быстро реагировать на все или большинство взаимодействий пользователя».

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

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

Определение взаимодействий

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

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

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

INP от Google наблюдает только следующие взаимодействия:

В общем, Google измеряет три компонента:

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

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

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

Сравнение FID с INP

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

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

Что такое хорошая оценка INP?

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

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

Что касается времени задержки:

Почему Google переходит на INP?

В марте 2024 года INP заменит FID как один из трех основных показателей веб-показателей Google.

Google говорит, что данные об использовании Chrome показывают, что подавляющее большинство 90% времени пользователь проводит на странице после ее загрузки. Это означает, что не стоит просто измерять задержку до первого события на странице FID, нам нужно измерить задержку для каждого взаимодействия INP.

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

Что делать? Как оптимизировать INP

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

Вот практические рекомендации.

1. Измерьте свой INP

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

Отчет Chrome UX – один из самых быстрых и простых способов получить полевые данные, если ваш сайт отвечает требованиям. Если нет, вы можете воспользоваться поставщиком реального мониторинга пользователей (RUM), например Pingdom или Raygun, чтобы создать данные поля.

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

Просто введите свой URL-адрес, нажмите enter, и вам будет предложена оценка INP.

2. Оптимизируйте взаимодействие между контентом и пользователем

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

2.1 Задержка ввода

2.2 Время обработки

2.3 Задержка презентации контента

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

3. Оптимизация задержки ввода

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

Оптимизация JavaScript – это первое. Медленное выполнение JavaScript может вызвать задержки ввода, но вы можете исправить это, минимизировав JavaScript, включив сжатие GZip, используя фреймворк JavaScript, например jQuery, и используя сеть доставки содержимого (CDN) для доставки файлов JavaScript с сервера, который находится ближе к вашей аудитории . .

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

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

Решите проблему, устранив входящие данные, чтобы уменьшить обратные вызовы, и используя AbortController для отмены исходящих запросов по выборке.

4. Оптимизация времени обработки

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

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

5. Оптимизация задержки презентации контента

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

Вы можете уменьшить размер DOM несколькими способами:

Где найти характеристики INP?

Поскольку Interaction to Next Paint (INP) в скором времени станет частью Core Web Vitals, вы можете найти соответствующие показатели с помощью инструмента Google PageSpeed Insights. Просто введите свой URL-адрес, и вы получите время в миллисекундах, который является вашим INP.

Что такое «хороший» балл INP?

Хорошая оценка INP по данным Google равна или менее 200 миллисекунд. Все, что составляет от 200 до 500 миллисекунд, требует улучшения, а все превышающее 500 миллисекунд считается плохим.

Вывод

INP – это показатель Core Web Vitals, который заменит задержку первого взаимодействия FID в 2024 году. Это показатель времени, который требуется вашему сайту, чтобы ответить на взаимодействие пользователя. Чем меньше задержка, тем лучше производительность.

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

ИТМЕД – СОЗДАНИЕ САЙТОВ И СНАБЖЕНИЕ МЕДТЕХНИКИ
ул. Василия Чумака, 5, оф. 2, Киев, 03065. Официальный сайт: itmed.org