diff --git a/docs/browser/04-critical-render-path.md b/docs/browser/04-critical-render-path.md index f75daf9..b9b5a91 100644 --- a/docs/browser/04-critical-render-path.md +++ b/docs/browser/04-critical-render-path.md @@ -31,6 +31,8 @@ sidebar_position: 4 8. **Композиция (Composition):** - Браузер объединяет слои (например, элементы с `position: fixed` или анимации) для финального отображения. +![Critical render path](images/04-crp-1.png) + ## Как оптимизировать критический путь рендеринга? Оптимизация CRP направлена на ускорение загрузки и отображения контента, особенно "выше сгиба" (above the fold). Основные подходы: @@ -70,4 +72,5 @@ sidebar_position: 4 - **Улучшение пользовательского опыта:** Быстрая загрузка страницы повышает удовлетворенность пользователей. - **SEO:** Скорость загрузки страницы влияет на ранжирование в поисковых системах. -🚀 **_Источник: DeepSeek_** \ No newline at end of file +🚀 **_Источник: DeepSeek_** \ +🚀 **Источник: [https://www.youtube.com/watch?v=Ff_IZrs4GcY](https://www.youtube.com/watch?v=Ff_IZrs4GcY)** \ No newline at end of file diff --git a/docs/browser/images/04-crp-1.png b/docs/browser/images/04-crp-1.png new file mode 100644 index 0000000..ef5fc14 Binary files /dev/null and b/docs/browser/images/04-crp-1.png differ