Описание тега web-vitals
1
ответ
CLS (Cummulative Layout Shift) в липкой навигации с положением: исправлено
с приходом нового веб-сайта Vitals у меня проблема с моей липкой навигацией / меню. Фактически на большинстве страниц будет :-( Проблема в том, что я использую такой подход, как аффикс начальной загрузки, чтобы сделать меню липким, когда оно покидае…
30 дек '20 в 13:26
2
ответа
GTM, ошибка описания объекта? Поддерживается только в режиме ECMASCRIPT6?
Я пытаюсь использовать GTM для отправки данных из webVitals в Google Analytics. Используя этот пакет: https://github.com/GoogleChrome/web-vitals#load-web-vitals-from-a-cdn <script defer src="https://unpkg.com/web-vitals@1.1.0/dist/web-vitals.umd.…
14 янв '21 в 23:14
2
ответа
GA4 Получение названия события, но без значения события
Я пытаюсь реализовать мониторинг Web Vitals с помощью GTM и GA4. Для этого я использую собственный шаблон GTM, созданный Симо Ахавой. СВЯЗЬ Судя по тому, что я вижу, я выполнил эту реализацию правильно - я вижу переменные, которые мне нужно передать…
23 фев '21 в 20:52
1
ответ
Включение инструментов измерения Web Vitals в средах с ограниченным доступом
Я хочу использовать в наших промежуточных средах, но, к сожалению, наши промежуточные среды сильно ограничены, разрешая доступ к ним только определенным IP-адресам. Мой вопрос. Можно ли добавить https://web.dev/measure/ в белый список, чтобы я мог з…
20 фев '21 в 08:35
9
ответов
React JS npm start показывает, что не удалось скомпилировать web-vitals
не удалось скомпилировать - / src / reportWebVitals.js Модуль не найден: не удалось разрешить "web-vitals". Так как новый реагировал на JS, не смог найти, что произошло. Вот файл reportWebVitals.JS. Заранее спасибо за помощь. "Модуль /src/reportWebV…
21 дек '20 в 19:36
2
ответа
Поможет ли оптимизация фрагментов / пакетов на моем веб-сайте, если задержка первого ввода (FID) уже меньше?
Согласно основным параметрам Web Vitals, существует только 3 основных показателя для измерения пользовательского опыта любого веб-сайта: LCP(самая большая содержательная краска), FID(задержка первого ввода) и CLS (совокупный сдвиг макета). Согласно …
18 мар '21 в 12:38
1
ответ
Как удалить неиспользуемые CSS/JS и улучшить время отклика сервера для сайта WordPress?
Я оптимизировал производительность своего сайта WordPress, а также проверил его производительность с помощью web.dev. Но все же есть следующие проблемы, которые я не смог решить: Удалите неиспользуемый CSS Удалить неиспользуемый JS Первоначальное вр…
22 мар '21 в 10:23
2
ответа
Как я могу предварительно загрузить правильное количество изображений в зависимости от размера экрана?
Я работаю над оптимизацией самой большой Contentful Paint (LCP), но у меня возникают проблемы с предварительной загрузкой правильного количества изображений-кандидатов LCP в зависимости от размера устройства. Проблема: на маленьких экранах одно изоб…
22 мар '21 в 14:13
0
ответов
Как я могу улучшить производительность сайта на WordPress?
Я оптимизировал производительность своего сайта WordPress, а также проверил его производительность с помощью web.dev снимок1 Но все же есть следующие проблемы, которые я не смог решить: проблема1 проблема2 Пожалуйста, дайте мне знать, как я могу реш…
21 мар '21 в 10:16
1
ответ
Различное значение TTFB в Chrome и Web Vitals
Я замечаю разные значения TTBF на вкладке сети Chrome по сравнению с зарегистрированными WebVitals. В идеале это должно быть точно такое же значение, но иногда наблюдается большая разница до 2-3 секунд для определенных сценариев. Я использую Next.js…
24 мар '21 в 21:04
0
ответов
Web Vitals: LCP и CLS - хорошие результаты в тестах и плохие результаты в поисковой консоли
нужен ваш вклад. Мы работали над тем, чтобы вывести Web Vitals в зеленую зону. А на ручном тесте в маяке получайте хорошие баллы. Например, мои страницы получают CLS=0 (рабочий стол) на десятках выполняемых мною тестов. Однако последние отчеты о про…
05 апр '21 в 15:11
0
ответов
Проблема с CLS - API Glide.js
Получил отрицательный результат на Glide js и изо всех сил пытался найти способ исправить. Я предполагаю, что это обычно, что другие видят, где при первой загрузке загружается вся карусель и все слайды. Просто не знаю, как исправить. взяв отсюда пон…
14 апр '21 в 16:05
1
ответ
Как удалить CLS на сайте, содержащем рекламу
Я прочитал всю документацию, касающуюся CLS и причин, по которым на веб-сайтах используется CLS. Мне сложно понять, что вызывает CLS у пользователей. И как остановить CLS для данных пользователей. Я принял правильные меры, чтобы гарантировать, что ф…
23 апр '21 в 12:02
2
ответа
Маяк обнаруживает невидимые сдвиги в расположении? (невероятно высокий CLS)
Я оптимизирую скорость веб-сайта WordPress (на данный момент только для мобильных устройств), с успехом, за исключением CLS. CLS стал чрезвычайно высоким после оптимизации доставки CSS (с помощью WP-Rocket), но я не вижу никаких сдвигов в макете, да…
24 апр '21 в 13:07
4
ответа
Как понять, хорошо ли работает мое веб-приложение?
Я использую reportwebvitals для сбора данных, связанных с производительностью. Я вижу такие ценности, как: {name: "LCP", value: 865.895, delta: 865.895, entries: Array(1), id: "v1-1619568902884-5783450530819"} {name: "FID", value: 3.389999968931079,…
29 апр '21 в 03:32
1
ответ
Время блокировки основного потока Webvitals
function init() { (function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.async = true; js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.9&a…
07 май '21 в 18:17
2
ответа
Как исправить Lighthouse «Показывает изображения с низким разрешением»
Одна из рекомендаций, которые я получаю, когда проверяю свой веб-сайт с помощью https://web.dev/measure, - это «Показывать изображения в низком разрешении». Как видно на скриншоте ниже, размер отображаемого мной изображения соответствует фактическом…
03 июл '21 в 12:05
1
ответ
Новый способ измерения совокупного сдвига макета
Google запустил новый способ измерения совокупного сдвига макета (CLS). Но почему-то я не могу понять новое определение из статей на web.dev и https://web.dev/evolving-cls/. Может ли кто-нибудь помочь мне понять это простыми словами? или предложить …
08 июл '21 в 09:31
2
ответа
Как мне избежать CLS (кумулятивного сдвига макета) при включенном Google AdSense «Разрешить Google оптимизировать размер ваших мобильных объявлений»?
Я не использую адаптивную рекламу, потому что хочу получить более высокую оценку Web Vitals. Однако с Let Google optimize the size of your mobile ads проверено, похоже, Google все равно изменит / обновит размер своего объявления в min-height определ…
12 июл '21 в 07:16
0
ответов
Почему TBT «недоступен» в ChromeDev Tools?
TBT может быть «недоступен» в ChromeDev Tools. Это почему? Это потому, что TTI нельзя точно рассчитать? Я предполагаю, что, возможно, запись с временной шкалы производительности не предоставляет достаточно информации, чтобы узнать, что существует пя…
20 авг '21 в 15:14