Przejdź do treści

25 artykułów o tematyce WydajnośćStrona 3

Odświeżanie treści w ISR na żądanie w Next.js oraz Astro

Czysto hipotetycznie, projekt ma 2000 stron produktowych. Zmieniasz z jakiegoś powodu cenę na jednej i w klasycznym SSG czeka Cię pełna przebudowa całego serwisu. To tak nieefektywne, że aż absurdalne. ISR w Next.js rozwiązuje to: regenerujesz tylko tę jedną stronę w tle i na żądanie. Astro podchodzi do problemu inaczej: albo zostajesz przy statycznym budowaniu i webhookach, albo przechodzisz na renderowanie na żądanie, cache CDN i Server Islands. W tym artykule pokazuję, gdzie kończy się natywne ISR Next.js i jak rozwiązać ten sam problem w Astro.

Maciej Sala

Maciej Sala

Founder StriveLab

Jak React Server Components wpływają na SEO i performance?

Przez lata React pchał, coraz więcej i więcej pracy do przeglądarki, w efekcie czego mamy większe bundle, hydratacja trwa dłużej, są puste loadingi i strony, które bez JavaScriptu straciły sens. App Router odwraca ten kierunek. React Server Components pozwalają renderować treść na serwerze bez wysyłania całej logiki do klienta, a Server Actions upraszczają formularze i mutacje. To ma znaczenie dla SEO, bo crawler szybciej dostaje HTML. Ma też znaczenie dla biznesu, bo użytkownik szybciej widzi i dostaje to, po co przyszedł.

Maciej Sala

Maciej Sala

Founder StriveLab

Core Web Vitals i sposoby na poprawę pozycji w Google

Google od wielu lat podkreśla, że wydajność i doświadczenie użytkownika mają znaczenie i Core Web Vitals są częścią sygnałów page experience. Najważniejsze jest jednak to, że wreszcie mierzą coś bardzo konkretnego: czy strona błyskawicznie pokazuje treść, czy odpowiednio reaguje na interakcje i czy nie „skacze" nieprzyjemnie podczas ładowania.

Maciej Sala

Maciej Sala

Founder StriveLab

Jak naprawić wolny kod asynchroniczny z Promise all

async/await zrobił dla czytelności JavaScript więcej niż większość nowych składni razem wziętych. Po jego wprowadzeniu, kod wygląda liniowo, łatwiej go prześledzić i trudniej zgubić się w łańcuchu callbacków. Z drugiej strony problem w tym, że bardzo łatwo napisać kod, który wygląda dobrze, a jednocześnie niepotrzebnie serializuje pracę.

Maciej Sala

Maciej Sala

Founder StriveLab

Strategie cache w Next.js 16: unstable_cache czy Redis?

Zarządzanie pamięcią podręczną cache w Next.js może wydawać się proste, dopóki nie napotkamy wyzwań w środowisku produkcyjnym. Wiele instancji, webhooki z systemów CMS oraz dane, które bywają nieaktualne po wdrożeniu, potrafią skomplikować sytuację. App Router oferuje rozszerzony fetch, unstable cache, deduplikację żądań oraz Cache Components. Redis z kolei dostarcza wspólny magazyn, który jest łatwiejszy do monitorowania. Zastanówmy się więc, jaki konkretny problem próbujemy rozwiązać za pomocą mechanizmów buforowania?

Maciej Sala

Maciej Sala

Founder StriveLab

Next.js i SEO oraz przewaga nad czystym Reactem

Next.js to framework React, który rozwiązuje największy problem klasycznych aplikacji SPA : serwer wysyła gotowy HTML zamiast pustej strony. Dzięki temu Google widzi treść w początkowym HTML i nie musi czekać na JavaScript, żeby odkryć najważniejsze elementy strony. Do tego dostajesz wbudowane API do metadanych, automatyczną optymalizację obrazów i code splitting podział kodu ładowanego osobno dla każdej podstrony , który realnie poprawia Core Web Vitals.

Maciej Sala

Maciej Sala

Founder StriveLab