Просто о CRP (Critical Rendering Path)

Поділитися
Вставка
  • Опубліковано 9 січ 2025

КОМЕНТАРІ • 38

  • @Kado-v1s
    @Kado-v1s 2 місяці тому +2

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

  • @МарияКашпур-з3б
    @МарияКашпур-з3б 2 місяці тому

    Четко, без воды и по делу. Жаль, что это видео не вышло раньше, сэкономило бы мне кучу времени. Потому что это самое полное и толковое объяснение для новичка. Действительно "Просто о".

  • @MirkoDragovich
    @MirkoDragovich 2 місяці тому +1

    Очень важная тема! Больше видео про повышение производительности и оптимизацию веб приложений!

  • @narek7281
    @narek7281 2 місяці тому

    Thank you. I have been looking for the complete information about the topic and this video does it very well.

  • @gurgen5217
    @gurgen5217 2 місяці тому

    Спасибо, очень понятно о работе браузера.

  • @Vandenzly
    @Vandenzly 2 місяці тому +1

    Очень подробно и понятно!

  • @artursavchuk2363
    @artursavchuk2363 2 місяці тому

    спасибо за материал, было очень интересно смотреть

  • @maximhasp1
    @maximhasp1 2 місяці тому

    Отличное объяснение, спасибо большое за ваш труд! Очень хочется увидеть одно или серию видео на тему оптимизации CRP на разных примерах(большой статический сайт, сайт простроенный с помощью react)

    • @YauhenKavalchuk
      @YauhenKavalchuk  2 місяці тому

      Спасибо за отзыв. Подумаю…

  • @dimaburichin7726
    @dimaburichin7726 2 місяці тому

    Отличное видео! Знать что под капотом очень помагает в работе.

  • @OTKA3
    @OTKA3 2 місяці тому

    Спасибо за видео. Написал по нему конспект чтобы в будущем перечитывать

  • @1nightstarlight3
    @1nightstarlight3 2 місяці тому

    Отличный материал!

  • @AmirLT-x6y
    @AmirLT-x6y 2 місяці тому

    Super clear infirmation🎉

  • @фанатпуджа2007
    @фанатпуджа2007 2 місяці тому +2

    я бы в оптимизацию еще добавил лейзи лоадинг и гидратацию, спасибо за ролик

  • @НурисламВалеев-з8я
    @НурисламВалеев-з8я 2 місяці тому

    👍🔥

  • @MrJettann
    @MrJettann 2 місяці тому +1

    Огонь! Можете снять видео, как определить критические джс и цсс, для более быстрой отрисовки сайта, а чтоб остальной код и стили подтягивались позже? Или как отделить в реакт приложении часть этих стилей, кода, от написанного в том же файле/компоненте? Будет очень круто! Такого особо нет на просторах интернета

  • @from_brest2631
    @from_brest2631 2 місяці тому

    Норм разложил, лайк

  • @АлексейСавченко-я7ю
    @АлексейСавченко-я7ю 2 місяці тому

    Евгений, спасибо за видео!
    Хотел бы уточнить: 6:54 если нам в скрипте не нужно с крипте менять ни CSSOM, ни DOM и мы не хотим блокаировать рендер, почему мы должны использвать атрибут async, а не defer? Ведь async не будет дожидатьсы domContentLoaded и будет выполняться сразу после загрузки, прерывая рендер.

    • @YauhenKavalchuk
      @YauhenKavalchuk  2 місяці тому

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

  • @ДмитрийГусаров-к5о
    @ДмитрийГусаров-к5о 2 місяці тому

    иногда подготовка кадра может занимать больше 100мс и при этом пропуска кадра нет - видимо пропуск кадра происходит по другим причинам

  • @bjol_Dg
    @bjol_Dg 2 місяці тому

    Капец, как это запомнить чтоб на собесе ответить на этот вопрос ? Понятно что сеньор знает что под капотом, поэтому ему нет нужды это запоминать. А новичку/джуну как быть ? Учить ЭТО как стихотворение ?))