PricingLoginStart free
Optimering av webbprestanda och Lighthouse logo
WebbNivåer A1 → C122 språk

Optimering av webbprestanda och Lighthouse

Bemästra tekniker för optimering av webbprestanda och använd Google Lighthouse för att bygga blixtsnabba och användarvänliga webbapplikationer. En lärstig från CoddyKit med 12 korta kurser och 48 interaktiva lektioner, med en AI-handledare till hands dygnet runt.

Kurser
12
Lektioner
48
Interaktiva steg
561
Gratis att börja
Kurs 1
Kursplan

12 kurser i den här lärvägen

Alla kurser i lärvägen Optimering av webbprestanda och Lighthouse, i rätt ordning. Den första är gratis.

1

A14 lektionerGratis

Utforska grunderna i webbprestanda och förstå varför snabbhet är viktigt för användarupplevelsen och verksamhetens mål. Lär er om de viktigaste mätvärdena som kännetecknar en snabb webbapplikation.

  1. 1Vad är web prestanda?
  2. 2Varför prestanda är viktigt
  3. 3Viktiga prestandamått
  4. +1 till
Börja lära dig gratis
2

A24 lektionerPRO

Påbörja er resa med Google Lighthouse, ett kraftfullt verktyg för att granska webbsidors kvalitet. Lär er köra era första granskningar och tolka de genererade rapporterna.

  1. 1Introduktion till Google Lighthouse
  2. 2Genomföra er första granskning
  3. 3Tolka Lighthouse-rapporter
  4. +1 till
Börja lära dig gratisLås upp med PRO
3

B14 lektionerPRO

Bemästra konsten att optimera bilder, videor och andra medieresurser för att avsevärt minska sidans storlek och förbättra laddningshastigheten. Lär er om moderna format och responsiva strategier.

  1. 1Effektiva bildformat
  2. 2Responsiva bilder och lazy loading
  3. 3Prestanda för video och animeringar
  4. +1 till
Börja lära dig gratisLås upp med PRO
4

B14 lektionerPRO

Optimera era stilmallar och webbteckensnitt för att förbättra renderingsprestandan och den visuella stabiliteten. Lär er om kritisk CSS, inläsning av teckensnitt och deras påverkan på användaruppleve…

  1. 1Kritisk CSS och CSS-leverans
  2. 2Optimera teckensnittsinläsning
  3. 3Prestandapåverkan av CSS-in-JS
  4. +1 till
Börja lära dig gratisLås upp med PRO
5

B14 lektionerPRO

Fokusera på mätvärden som direkt påverkar användarupplevelsen, särskilt Googles Core Web Vitals. Lär er mäta, förstå och avsevärt förbättra dessa viktiga indikatorer.

  1. 1Introduktion till Core Web Vitals
  2. 2Fördjupning i LCP, FID och CLS
  3. 3Förbättra mått för användarinteraktion
  4. +1 till
Börja lära dig gratisLås upp med PRO
6

B24 lektionerPRO

Förstå hur webbläsare renderar webbsidor och identifiera flaskhalsar i den kritiska renderingsvägen. Lär er strategier för att optimera resursinläsningen och säkerställa att innehåll visas snabbt.

  1. 1Förstå den kritiska sökvägen
  2. 2Renderingsblockerande resurser
  3. 3Prioritera innehåll för snabbhet
  4. +1 till
Börja lära dig gratisLås upp med PRO
7

B24 lektionerPRO

Gå längre än grundläggande Lighthouse-rapporter genom att utforska kommandoradsgränssnittet, det programmatiska API:et och möjligheterna att skapa anpassade granskningar. Integrera Lighthouse i ert u…

  1. 1Lighthouse via CLI och programkod
  2. 2Anpassade granskningar och assertioner
  3. 3Integrera Lighthouse i CI/CD
  4. +1 till
Börja lära dig gratisLås upp med PRO
8

B24 lektionerPRO

Fördjupa er förståelse för nätverksprotokoll och avancerade cachningsmekanismer. Optimera dataöverföringen och utnyttja Content Delivery Networks för global räckvidd och hög hastighet.

  1. 1Grunderna i HTTP/2 och HTTP/3
  2. 2Webbläsar- och servercachning
  3. 3Content Delivery Networks (CDN:er)
  4. +1 till
Börja lära dig gratisLås upp med PRO
9

B24 lektionerPRO

Lär er fastställa och upprätthålla prestandabudgetar för att behålla optimal webbplatshastighet över tid. Utforska framväxande teknik och framtida trender inom optimering av webbprestanda.

  1. 1Fastställa prestandabudgetar
  2. 2Övervakning och aviseringar för budgetar
  3. 3Framväxande prestandatekniker
  4. +1 till
Börja lära dig gratisLås upp med PRO
10

C14 lektionerPRO

Fördjupa er i avancerade tekniker för JavaScript-optimering så att era skript körs effektivt utan att försämra sidans responsivitet. Lär er minimera nyttolasten och hantera exekveringen.

  1. 1Minimera JavaScript-payloaden
  2. 2Strategier för effektiv skriptinläsning
  3. 3Web Workers och avlastning från huvudtråden
  4. +1 till
Börja lära dig gratisLås upp med PRO
11

C14 lektionerPRO

Utöka era kunskaper om prestanda till backend och identifiera och åtgärda flaskhalsar på serversidan. Förstå hur serverarkitektur och datahantering påverkar frontendprestandan.

  1. 1Prestandaflaskhalsar i backend
  2. 2Optimera databasfrågor
  3. 3Påverkan av server-side rendering (SSR)
  4. +1 till
Börja lära dig gratisLås upp med PRO
12

C14 lektionerPRO

Utforska avancerade tekniker för prestandaövervakning, inklusive övervakning av verkliga användare (RUM) och syntetisk övervakning. Lär er samla in och analysera prestandadata från faktiska användare…

  1. 1RUM kontra syntetisk övervakning
  2. 2Implementera RUM-lösningar
  3. 3Analysera prestandadata
  4. +1 till
Börja lära dig gratisLås upp med PRO
CoddyKit PRO

Lås upp alla 12 kurser i den här lärvägen och alla andra lärvägar

AI-handledare, certifieringsprov och certifikat. Fungerar på webben, iOS och Android.

Se alla abonnemang
Årsvis$29.90 / årCirka $2.49 i månadenBetala en gångLivstid$69.99 en gångInga förnyelser. PRO för alltid.
Kursöversikt

Webbprestanda: från långsamma sidor till Lighthouse 100

Webbprestanda kan vara skillnaden mellan en webbplats som konverterar och en som överges. Fördröjningar på millisekunder påverkar direkt avvisningsfrekvens, Core Web Vitals-resultat och sökrankning. Det här spåret täcker hela optimeringsområdet: från Lighthouse-granskningar och Core Web Vitals till JavaScript-körning, justeringar på serversidan och övervakning av verkliga användare – med utgångspunkt i de verktyg och mätvärden som webbläsare och Google faktiskt använder.

Det här lär ni er

Ni lär er att köra och tolka Lighthouse-granskningar, optimera bilder, medier, CSS och teckensnitt för att minska datamängden samt förstå hur den kritiska renderingssökvägen fungerar och var den kan avbrytas. Ni mäter användarupplevelsen med Core Web Vitals (LCP, CLS, INP), sätter upp och följer prestandabudgetar, implementerar HTTP-cachelagring och strategier på nätverksnivå, skriver snabbare JavaScript genom att undvika layout thrashing och långa uppgifter, justerar svarstider på serversidan och instrumenterar produktionstrafik med Real User Monitoring (RUM) parallellt med syntetiska tester.

Lärandespåret

Tolv kurser sträcker sig från A1 till C1. Spåret inleds med grundläggande koncept och en första genomgång av Lighthouse och fortsätter sedan med optimering av bilder och medier, strategier för CSS och teckensnitt samt Core Web Vitals på B1-nivå. B2-kurserna täcker den kritiska renderingssökvägen, avancerad anpassning av Lighthouse, nätverkscachelagring och prestandabudgetar. De avslutande C1-kurserna – Bästa praxis för JavaScript-prestanda, Prestanda på serversidan och backendoptimering och Real User Monitoring (RUM) och syntetisk övervakning – behandlar produktionsfrågor som går långt utöver vad en enskild granskning kan visa.

Så fungerar det

Varje kurs är uppdelad i korta, praktiska lektioner som ni genomför i den inbyggda editorn med feedback i realtid och en AI-handledare som finns tillgänglig när ni kör fast. Koncepten förstärks direkt genom övningar kopplade till verkliga webbläsarverktyg och Lighthouse-mätvärden, så att ni avslutar varje session med något mätbart – inte bara anteckningar.

Verktyg

Öva med AI – läs inte bara

Ta lärandet till nästa nivå med AI-drivna verktyg och funktioner

AI-chattChatta med AI-handledarenStäll en superfrågaFå svar på expertnivåPROSkapa lektionAI-driven lektionsskaparePROPåbörja certifieringsprovetFå ditt certifikatPROStarta utmaningTesta dina kunskaper

Så lär du dig

  1. 01

    Interaktiva lektioner

    Praktiska kodövningar med feedback i realtid

  2. 02

    AI-handledare

    Få omedelbar hjälp av vår AI när du kör fast

  3. 03

    Inbyggd kodredigerare

    Skriv och kör kod direkt i webbläsaren

  4. 04

    Certifikat

    Få ett certifikat när du slutför kursen

Fortsätt utforska

Relaterade lärvägar

WebAssembly (WASM) for High Performance Apps logoWebAssembly (WASM) för högpresterande apparMaster WebAssembly (WASM) to build lightning-fast, high-performance web and server-side a…Next.js 15 Fullstack (App Router + Server Actions) logoNext.js 15 fullstack (App Router + Server Actions)Master fullstack web development with Next.js 15, leveraging the App Router and Server Ac…Next.js 15 Fullstack Web Apps logoNext.js 15: fullstack-webbapparMaster building high-performance, fullstack web applications with Next.js 15, from founda…OAuth2 & OpenID Connect Deep Dive logoOAuth2 och OpenID Connect på djupetMaster modern authentication and authorization by diving deep into OAuth2 and OpenID Conn…Blockchain Smart Contracts with Solidity logoSmarta blockkedjekontrakt med SolidityMaster the art of building secure and efficient decentralized applications by learning Bl…Real-Time Streaming Systems (WebRTC + Live Data) logoStrömningssystem i realtid (WebRTC + live-data)Master the fundamentals and advanced techniques of building real-time streaming systems u…
FAQ

Vanliga frågor

Är kursen i Optimering av webbprestanda och Lighthouse gratis?

Ja. Ni kan börja kursen i Optimering av webbprestanda och Lighthouse gratis och genomföra de interaktiva lektionerna utan kostnad. Med en valfri PRO-prenumeration får Ni tillgång till avancerade AI-verktyg och ett certifikat som kan delas.

Behöver jag tidigare erfarenhet för att lära mig Optimering av webbprestanda och Lighthouse?

Nej. Kursen börjar med grunderna och går stegvis vidare till mer avancerade ämnen, så Ni kan börja även utan tidigare erfarenhet av Optimering av webbprestanda och Lighthouse.

Hur lär jag mig Optimering av webbprestanda och Lighthouse på CoddyKit?

Ni lär Er genom att göra. Korta interaktiva lektioner kombinerar tydliga förklaringar med praktiska kodövningar som körs i realtid, och en AI-handledare som är tillgänglig dygnet runt ger personlig hjälp när Ni kör fast.

Får jag ett certifikat när jag har slutfört Optimering av webbprestanda och Lighthouse?

Ja. PRO-användare kan göra ett prov och få ett delbart intyg på att de har slutfört kursen i Optimering av webbprestanda och Lighthouse, med en verifierbar kod.

Kan jag lära mig Optimering av webbprestanda och Lighthouse i mobilen?

Ja. CoddyKit finns på webben och som inbyggda iOS- och Android-appar, så Ni kan lära Er Optimering av webbprestanda och Lighthouse på valfri enhet och synkronisera Era framsteg mellan dem.

Vad kostar CoddyKit PRO?

Den första kursen i Optimering av webbprestanda och Lighthouse är gratis. CoddyKit PRO låser upp alla kurser: $5.90 per vecka, $7.90 per månad, $29.90 per år eller $69.99 en gång för livstidsåtkomst utan förnyelser.

Hur lång tid tar det att slutföra Optimering av webbprestanda och Lighthouse?

Optimering av webbprestanda och Lighthouse har 12 kurser och 48 lektioner. De flesta lektioner tar cirka 5–10 minuter, så hela lärvägen motsvarar ungefär 6 timmars praktisk övning i egen takt.

Börja med Optimering av webbprestanda och Lighthouse nu

Anslut Er till tusentals deltagare som lär sig programmering med AI-drivna lektioner.

Börja lära dig gratisBläddra bland alla kurser