Как улучшить показатель FID?

[rip86]

Есть у кого-то успешный опыт (а не теоретические знания)?

Надоело в сёч консоли гугла читать замечания (FID issue: longer than 100ms | Status: Need improvement).

Страницы у сайта очень лёгкие. Гугл спид "зелень" показывает. Но вот именно с этим FID сцуко проблемы(



Скриптов на страницах почти нет, кэширование ключено, gzip включено, сервак от adminvps с 4 гб памяти в сша (под гео сайта).

Че делать?? Где косяк?

У конкурентов, которые выше ранжируются, гугл спид отстаёт, но вот именно этот параметр ("первым взаимодействием пользователя с сайтом", мать его) очень хорош. Также хочется))



Кто уже победил эту проблему, поделитесь инфой по-братски.

[веломан]

Сообщение от rip86

Че делать?? Где косяк?

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

ещё можешь отловить все медленные запросы в мускуле:
https://severalnines.com/database-bl...s-slow-queries

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

PHP код:

$time_start = microtime(true);
// тут блок с кодом
echo "time = " .(microtime(true) - $time_start); 


[centropartner]

https://developer.mozilla.org/ru/doc...st_input_delay
https://dev.to/balaevarif/first-input-delay-505f

First Input Delay (FID) - это метрика Core Web Vitals, которая фиксирует первую реакцию пользователя об интерактивности и отзывчивости сайта. Она измеряет разницу во времени с момента, когда пользователь впервые взаимодействует со страницей, до времени, когда браузер действительно способен ответить на это взаимодействие. FID является метрикой поля (input) и не может быть смоделирован в лабораторной среде. Реальное взаимодействие с пользователем требуется для измерения задержки ответа.

мне кажется серверная часть и PHP здесь не играют роли, здесь нужно смотреть в сторону JS

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

Отложите любой некритический JavaScript, включая сторонние скрипты, используя async или defer

[rip86]

В том то и "дичь" всей ситуации! ))
Сайт "сверхлёгкий". БД нет, из яваскриптов - гугл аналитикс и 2-3 кода счётчиков. Всё...

Может на хостера грешить? Хотя вряд ли... И главное, что параметр то этот (FID) такой скользкий - информация по нему в гугл спид не сразу обновляется. Нужно ждать, пока гугл заново проанализирует "контакт юзера со страницей", как я понял

[веломан]

Сообщение от rip86

Сайт "сверхлёгкий". БД нет, из яваскриптов - гугл аналитикс и 2-3 кода счётчиков. Всё...

а, ну тогда счётчики отключай
он грузит счётчик откуда-то и там тормозит

[rip86]

Уже. Но больно сильные сомнения у меня, что пара счётчиков так картину могли подпортить.
Ладно, указал гуглу в консоли, что внес изменения. Буду ждать его вердикта.

[веломан]

а сам когда заходишь тормозов нет чтоли?

[Lord_Alfred]

Да, это метрика напрямую не зависит от бекенда.
На неё влияют только JS, подгрузка шрифтов и применение CSS-стилей (в том числе ебучих свистоперделок в виде всяких градиентов, анимаций и тд), плюс построение/перестроение DOM-дерева (частый пример - создание попапов на лету).

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

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

По хорошему нужно поискать как в инструментах разработчика делать профилирование загрузки страницы, типа такого:
https://developers.google.com/web/to...ance/reference
https://developers.google.com/web/to.../timeline-tool
https://medium.com/@euncho/how-i-use...1-765771ec0393
https://blog.appsignal.com/2020/02/2...le-chrome.html
https://commandlinefanatic.com/cgi-b...article=art036

[rip86]

Сообщение от веломан

а сам когда заходишь тормозов нет чтоли?

Вообще нет, отклик шикарный. Я уже ненароком начал думать, может мне эту метрику конкуренты специально скручивают))

Сообщение от Lord_Alfred

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

Счётчики в сама низу и были. Шрифты дефолтные (

[Gescha]

Принять куки. Эта муйня первый клац обычно