🔴 LIVE: Przyspiesz renderowanie frontendu (Wordpress, Webflow, Next.js) скачать в хорошем качестве

🔴 LIVE: Przyspiesz renderowanie frontendu (Wordpress, Webflow, Next.js)

🔴 Szkolenie Zoptymalizowamy Frontend (do 26.05): https://www.webdevinsider.pl/zoptymal... 🔴 Hostinger - https://www.hostg.xyz/SHHRv (kod zniżkowy -10%: WEBDEV) Darmowy warsztat z optymalizacji startu renderowania frontendu. Bez zapisów :) Po prostu, na żywo, za darmo 19. maja. Na bazie przykładów projektów Wordpress, Webflow i Next.js. Zapraszam. Rozdziały: 00:00 Powitanie 03:18 Wprowadzenie 06:50 Optymalizacja strony Webflow 30:50 Krytyczna ścieżka renderowania - jak to działa? 40:30 Pierwsze żądanie / TTFB 42:55 RTT 45:41 CDN 46:06 Migracja na inny serwer + CDN - przykład 53:00 Polecany hosting ze względu na web performance 56:15 Komponenty TTFB 57:30 Dokument HTML - dynamic vs. static 59:22 Partial Prerendering - wprowadzenie 1:00:58 Partial Prerendering w Wordpressie - przykład 1 1:02:53 Partial Prerendering w Wordpressie (Woocommerce) - przykład 2 1:04:00 Partial Prerendering - demo 1:08:38 Next.js a TTFB (SSR, Cloudflare full-page caching) 1:14:36 Waterfall - co badamy względem CRP? 1:15:43 Blokujące zasoby: JS (defer / async, kolejność, priorytet) 1:16:30 DevTools Overrides a optymalizacja CRP 1:20:33 CSS a krytyczna ścieżka renderowania (code splitting, ładowanie, 103 Early Hint, minifikacja, @import) 1:27:15 JS lokalny vs. zewnętrzny / modyfikujący DOM lub CSSOM 1:31:12 Google Fonts / Cloudflare Fonts 1:36:52 Ogólnie o optymalizacji fontów (self-hosting, .woff2, FOUT, CLS, preload) 1:37:42 Blokujące renderowanie fonty (preload) 1:38:22 Jeden plik (CSS / JS) vs. wiele mniejszych 1:40:05 Minifikacja 1:40:13 Kompresja serwerowa (Brotli / Gzip) 1:40:51 Konkatenacja plików JS 1:41:42 Google reCaptcha a renderowanie strony 1:42:35 Optymalizacja czatu na stronie 1:44:00 Renderowanie a obrazki 1:44:49 Nadmierny preloading zasobów 1:45:23 CSR a renderowanie całej strony 1:45:55 Typy nawigacji (Back/Forward, prerender, reload) a inne metryki + bfache + Speculation Rules 1:50:45 Podsumowanie 1:54:28 Kursy Web Dev Insider #frontend #corewebvitals #optymalizacja