Nuxt-3

Jak upchnęliśmy 6x więcej wpisów cache w instancji Redisa o rozmiarze 1 GB, używając kompresji gzip i zachowując przy tym type safety oraz narzut poniżej milisekundy.

Jak zastąpiliśmy powolne czyszczenie cache'a po kluczach natychmiastową inwalidacją opartą na timestampach, nie tracąc przy tym wydajności SWR.

Optymalizując projekt w Nuxt 3, odkryłem, że nadmierny automatyczny prefetch napędzał zużycie transferu na Vercelu. Globalne wyłączenie prefetcha mocno ścięło koszty i ruch sieciowy.

Przejąłem projekt w Nuxt 3, który zjadał ponad 50 dolarów dziennie na transferze w Vercelu. Winowajca? Jeden import z gwiazdką, który wciągał do bundle'a całą bibliotekę Font Awesome. Oto jak go znalazłem i naprawiłem.

Od czerwonych wyników w Lighthouse do soczystej zieleni: technika lazy loadingu, która ścięła początkowy bundle o 92% i podniosła wydajność o 47%

Gotowy wrapper na NuxtLink, który automatycznie dodaje rel="nofollow" do linków z parametrami query i zapobiega wyciekaniu PageRank na przefiltrowanych i sparametryzowanych URL-ach.

Dlaczego po deployu użytkownicy dostają błędy 403 na plikach JavaScript i jak naprawia to plugin Nuxta w pięciu linijkach.

Proste zmiany, które naprawiają Largest Contentful Paint i Cumulative Layout Shift w Nuxt 3. Preconnect, wymiary obrazków i ukryci zabójcy wydajności.

Jak naprawić błąd 153 przy odtwarzaniu osadzonych filmów z YouTube, przechodząc na youtube-nocookie.com, i przy okazji zyskać na wydajności oraz prywatności.

Jak 10 linijek konfiguracji po cichu zablokowało tysiące stron produktowych przed indeksowaniem w Google i jakie zaskakujące zachowanie nuxtjs/sitemap za tym stało.