Profilering af SvelteKit-apps
Brug browserens DevTools, Lighthouse og Vite bundle analyzer til at finde flaskehalse.
Profilering af SvelteKit-apps er en gratis Sveltejs Academy-lektion på CoddyKit. Dette er lektion 4 af 4. Du kan læse hele lektionen gratis nedenfor — og derefter øve dig praktisk i browseren med en indbygget kodeeditor og en AI-vejleder, der er tilgængelig døgnet rundt. Den er en del af læringsforløbet i Sveltejs Academy, og dine fremskridt synkroniseres på tværs af nettet og CoddyKit-appen. Sveltejs Academy-kurset indeholder 4 lektioner i alt.
Browserens DevTools
Brug fanen Performance til at optage interaktioner og finde flaskehalse.
Lighthouse
Kør Lighthouse på produktions-builds for at få Core Web Vitals-resultater og konkrete tip.
Netværksfanen
Undersøg vandfaldet, nyttelaststørrelser og cache-headere.
Bundtanalyse
Installér vite-bundle-visualizer for at se, hvad dine bundter indeholder.
npm install -D vite-bundle-visualizerCPU-profil
CPU-fanen i DevTools viser varme funktioner. Se efter lange opgaver under interaktioner.
Hukommelsesprofilering
Brug fanen Memory til at finde lækager: tag snapshots, navigér, tag flere snapshots, og sammenlign dem.
Core Web Vitals
Følg LCP, CLS og INP i produktionen via værktøjer til overvågning af rigtige brugere.
Kildekort
Kildekort fra produktionen gør profiloutput læsbart. Afvej det mod eksponering af kildekort.
Rigtige enheder
Test på telefoner i mellemklassen, ikke kun på din bærbare computer. Ydelsen varierer meget.
Begrænsning
Begræns CPU og netværk i DevTools for at simulere langsommere enheder.
Kontinuerlig overvågning
Opsæt alarmer i Lighthouse CI eller andre værktøjer, så regressioner opdages tidligt.
Hurtigt tjek
Hvad måler Lighthouse?
Opsummering
Profilér med DevTools, Lighthouse og visualiseringsværktøjer til bundter. Test på rigtige enheder, og overvåg i produktionen.
Lær HTML med en AI-underviser — gratis
Skriv og kør rigtig kode i din browser, få øjeblikkelig hjælp fra en AI-underviser døgnet rundt, og fortsæt, hvor du slap, på web eller i appen.
- Kurser
- 41
- Lektioner
- 163
Ofte stillede spørgsmål
Er lektionen “Profilering af SvelteKit-apps” gratis?
Ja — hele teksten til “Profilering af SvelteKit-apps” kan læses gratis her på nettet. Hvis du vil øve dig interaktivt med en indbygget kodeeditor og en AI-vejleder døgnet rundt og få adgang til resten af Sveltejs Academy-kurset, skal du opgradere til CoddyKit PRO. Sveltejs Academy-kurset indeholder 4 lektioner i alt.
Hvad lærer jeg i “Profilering af SvelteKit-apps”?
Brug browserens DevTools, Lighthouse og Vite bundle analyzer til at finde flaskehalse. Du øver dig i Sveltejs Academy med praktisk kode, som du kører direkte i browseren, og en AI-vejleder døgnet rundt besvarer dine spørgsmål, mens du arbejder dig gennem lektionen.
Skal jeg have erfaring for at begynde på Sveltejs Academy?
Der kræves ingen tidligere erfaring. Sveltejs Academy på CoddyKit er tilrettelagt for både begyndere og øvede, så du kan starte her eller fra begyndelsen og lære i dit eget tempo. Dette er lektion 4 af 4.
Hvor lang tid tager lektionen “Profilering af SvelteKit-apps”?
De fleste CoddyKit-lektioner tager cirka 5–10 minutter. Hver lektion er kort og interaktiv, så du gør løbende fremskridt og kan fortsætte, hvor du slap – på både web og app.
Kan jeg skrive og køre kode i denne Sveltejs Academy-lektion?
Ja. Alle Sveltejs Academy-lektioner har en indbygget kodeeditor, så du kan skrive og køre rigtig kode direkte i din browser og få øjeblikkelig feedback fra AI – uden lokal opsætning.
Alle lektioner i dette kursus
- Code splitting og dynamiske imports
- Optimering af billeder med @sveltejs/enhanced-img
- Lazy loading af komponenter
- Profilering af SvelteKit-apps