Комментарии 10
НЛО прилетело и опубликовало эту надпись здесь
да, видел эту новость тоже.
Кстати, FMP еще бывает накладно «правильно» считать сторонним средством, так как появляется вопрос: а что является тем самым meaningful контентом.
Поэтому и способов подсчета его несколько. Вот тут про это говорил: www.youtube.com/watch?v=4joeMk5v8Rw
Если коротко, то иногда, если снимают данные со стороны клиента, делают через 2 requestAnimationFrame, причем скрипт вызова вставляют после значимого контента. Например, после текста вакансии, или резюме.
Иногда делают просто инлайн скрипт с сохранением времени, тогда это не совсем честный FMP получается, но примерное понимание критических ресурсов он дает.
В итоге, вроде как и считаем, а с другой стороны не идеально правильно.
Кстати, FMP еще бывает накладно «правильно» считать сторонним средством, так как появляется вопрос: а что является тем самым meaningful контентом.
Поэтому и способов подсчета его несколько. Вот тут про это говорил: www.youtube.com/watch?v=4joeMk5v8Rw
Если коротко, то иногда, если снимают данные со стороны клиента, делают через 2 requestAnimationFrame, причем скрипт вызова вставляют после значимого контента. Например, после текста вакансии, или резюме.
Иногда делают просто инлайн скрипт с сохранением времени, тогда это не совсем честный FMP получается, но примерное понимание критических ресурсов он дает.
В итоге, вроде как и считаем, а с другой стороны не идеально правильно.
+2
НЛО прилетело и опубликовало эту надпись здесь
Иногда делают просто инлайн скрипт с сохранением времени, тогда это не совсем честный FMP получается, но примерное понимание критических ресурсов он дает.
это как раз про performance.mark я писал. Просто он не отображает идеальный fmp, а только дает понимание, когда мы дошли до нужного места :)
Но из его преимуществ: он дает уже достаточно данных для аналитики производительности сайта.
+1
НЛО прилетело и опубликовало эту надпись здесь
good, ждём продолжение
+1
Здравствуйте! Спасибо за статью!
Подскажите пожалуйста, а почему TTI из лайтхауса на первом скрине такой большой — 38 секунд? Это честные секунды или они просто как-то хитро посчитаны?
Подскажите пожалуйста, а почему TTI из лайтхауса на первом скрине такой большой — 38 секунд? Это честные секунды или они просто как-то хитро посчитаны?
+1
Секунды честные.
Проблема в том, что на главной у нас большое количество ресурсов. Из наиболее тяжелых на главной:
1) картинки
2) Рекламные баннеры — много разных видов
3) Вакансии дня, которые подгружаются асинхронно
Рекламные баннеры мы грузим только после физической загрузки и инициализации страницы, чтобы их загрузка и исполнение (например, нашей рекламной сети) не влияло на основные возможности сайта.
TTI трекает загрузку абсолютно всех ресурсов и исполнение всех скриптов.
Поэтому если уйти с главной хх на страницу, где меньше рекламы TTI вырастает.
Проблема в том, что на главной у нас большое количество ресурсов. Из наиболее тяжелых на главной:
1) картинки
2) Рекламные баннеры — много разных видов
3) Вакансии дня, которые подгружаются асинхронно
Рекламные баннеры мы грузим только после физической загрузки и инициализации страницы, чтобы их загрузка и исполнение (например, нашей рекламной сети) не влияло на основные возможности сайта.
TTI трекает загрузку абсолютно всех ресурсов и исполнение всех скриптов.
Поэтому если уйти с главной хх на страницу, где меньше рекламы TTI вырастает.
0
c HTTP2.0 Server push, не все так красиво выходит как ожидаешь.
0
Хорошо, что упомянули про content-visibility, если во 2-й статье об этом новом свойстве будет идти речь, то хотелось бы был не просто перевод, а практический пример с результатом профита.
Спасибо за работу)
Спасибо за работу)
0
Зарегистрируйтесь на Хабре, чтобы оставить комментарий
Оптимизация производительности фронтенда. Часть 1. Critical Render Path