- Opublikowano
Jak odkryliśmy, że trzy pliki ze stałymi przekierowań wysyłają 316 KB martwego balastu do każdej przeglądarki, i dlaczego przeniesienie ich do server middleware z fallbackiem w bazie ucięło nasz bundle JavaScriptu o jedną trzecią.
Bundle-size
Wszystkie wpisy
- performance (23)
- typescript (12)
- nuxt (11)
- nuxt-3 (10)
- vue (7)
- vercel (7)
- caching (7)
- optimization (6)
- seo (6)
- architecture (6)
- nodejs (5)
- redis (5)
- i18n (4)
- postgresql (4)
- prisma (4)
bundle-size (3)
- web-vitals (3)
- ssr (3)
- e-commerce (2)
- components (2)
- monorepo (2)
- sitemap (2)
- security (2)
- cdn (2)
- nitro (2)
- api-design (2)
- sql (2)
- frontend (2)
- javascript (2)
- serverless (2)
- swr (2)
- lighthouse (1)
- lazy-loading (1)
- search (1)
- ai (1)
- full-text-search (1)
- core-web-vitals (1)
- lcp (1)
- cls (1)
- css (1)
- svg (1)
- youtube (1)
- gdpr (1)
- privacy (1)
- vue-3 (1)
- generics (1)
- carousel (1)
- git (1)
- worktrees (1)
- turbo (1)
- productivity (1)
- vuejs (1)
- url-canonicalization (1)
- router (1)
- hmac (1)
- microservices (1)
- authentication (1)
- bundle-optimization (1)
- dynamic-import (1)
- refactoring (1)
- software-engineering (1)
- iteration (1)
- deployment (1)
- production (1)
- error-handling (1)
- prefetch (1)
- bandwidth (1)
- font-awesome (1)
- tanstack-query (1)
- database (1)
- pagination (1)
- bundling (1)
- build-errors (1)
- redirects (1)
- server-side (1)
- compression (1)
- migration (1)
- images (1)
- responsive-design (1)
- component (1)
- pagerank (1)
- links (1)
- turborepo (1)
- debugging (1)
- memory (1)
- guide (1)
- datetime (1)
- timezone (1)
- utc (1)
- Opublikowano
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.- Opublikowano
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%