От фронтенд кода до результата: Critical Rendering Path

Поделиться
HTML-код
  • Опубликовано: 30 окт 2024

Комментарии • 7

  • @krylovDev
    @krylovDev 11 месяцев назад +4

    Спасибо! Очень нужная вещь для понимания как работает код + браузер

    • @webvallek
      @webvallek  10 месяцев назад

      Пожалуйста! Рад, что понравилось)

  • @nore_mind
    @nore_mind 10 месяцев назад +1

    продолжайте сниматьтакие видосы. Сейчас такие visual video мало. Есть но они не такие. Требую еще видео

    • @webvallek
      @webvallek  10 месяцев назад

      Спасибо за поддержку! Постараюсь еще что-нить сделать. А пока можете мой новый роадмап заценить vallek.github.io/frontend-roadmap-ru/

  • @ТестАкканут
    @ТестАкканут Месяц назад +1

    Добавлю про JS
    1. Когда парсер видит тег script и там нет defer или async, то парсер ждет пока скрипт загрузится и уже потом продолжить создавать HTML
    2. потому что в теге скрипт может быть переопределение DOM, но парсер не знает про это
    3. поэтому он ждет пока скрипт загрузится
    4. Т.к если все же в скрипте есть переопределение DOM-дерева, то заново нужно запускать весь процесс CRP
    Поэтому тег script всегда советуют писать в конце документа

    • @Todortodorov62
      @Todortodorov62 14 дней назад

      все равно будет блокировка. потому что пока файл не скачается и не исполнится, render tree строить нельзя

  • @tanercoder1915
    @tanercoder1915 6 месяцев назад

    Классно что ушел на excalidraw!