PricingLoginStart free
Verkkosuorituskyvyn optimointi ja Lighthouse logo
VerkkoTasot A1 → C122 kieltä

Verkkosuorituskyvyn optimointi ja Lighthouse

Hallitkaa verkkosuorituskyvyn optimointitekniikat ja hyödyntäkää Google Lighthousea salamannopeiden ja käyttäjäystävällisten verkkosovellusten rakentamiseen. CoddyKitin oppimispolku, joka sisältää 12 lyhyttä kurssia ja 48 interaktiivista oppituntia sekä tekoälytuutorin käytettävissäsi ympäri vuorokauden.

Kurssit
12
Oppitunnit
48
Interaktiiviset vaiheet
561
Aloita maksutta
Kurssi 1
Kurssisisältö

12 kurssia tässä opintopolussa

Kaikki Verkkosuorituskyvyn optimointi ja Lighthouse-opintopolun kurssit suoritusjärjestyksessä. Ensimmäinen on ilmainen.

1

A14 oppituntiaIlmainen

Perehtykää verkkosuorituskyvyn perusteisiin ja ymmärtäkää, miksi nopeus on tärkeää käyttökokemuksen ja liiketoimintatavoitteiden kannalta. Opitte keskeiset mittarit, joilla nopea verkkosovellus määri…

  1. 1Mitä on web-suorituskyky?
  2. 2Miksi suorituskyvyllä on merkitystä
  3. 3Keskeiset suorituskykymittarit
  4. +1 lisää
Aloita opiskelu maksutta
2

A24 oppituntiaPRO

Aloittakaa tutustuminen Google Lighthouseen, tehokkaaseen verkkosivujen laadun auditointityökaluun. Opitte suorittamaan ensimmäiset auditointinne ja tulkitsemaan niiden tuottamia raportteja.

  1. 1Google Lighthousen esittely
  2. 2Ensimmäisen auditoinnin suorittaminen
  3. 3Lighthouse-raporttien tulkinta
  4. +1 lisää
Aloita opiskelu maksuttaAvaa PRO-tilauksella
3

B14 oppituntiaPRO

Ottakaa kuvien, videoiden ja muiden mediaresurssien optimointi haltuun pienentääksenne sivun kokoa merkittävästi ja nopeuttaaksenne latausta. Opitte moderneista tiedostomuodoista ja responsiivisista…

  1. 1Tehokkaat kuvaformaatit
  2. 2Responsiiviset kuvat ja lazy loading
  3. 3Videon ja animaatioiden suorituskyky
  4. +1 lisää
Aloita opiskelu maksuttaAvaa PRO-tilauksella
4

B14 oppituntiaPRO

Optimoikaa tyylitiedostonne ja verkkofonttinne renderöintisuorituskyvyn ja visuaalisen vakauden parantamiseksi. Opitte kriittisestä CSS:stä, fonttien lataamisesta ja niiden vaikutuksesta käyttökokemu…

  1. 1Kriittinen CSS ja CSS:n toimitus
  2. 2Fonttien latauksen optimointi
  3. 3CSS-in-JS:n suorituskykyvaikutukset
  4. +1 lisää
Aloita opiskelu maksuttaAvaa PRO-tilauksella
5

B14 oppituntiaPRO

Keskittykää mittareihin, jotka vaikuttavat suoraan käyttökokemukseen, erityisesti Googlen Core Web Vitals -mittareihin. Opitte mittaamaan, ymmärtämään ja parantamaan merkittävästi näitä keskeisiä tun…

  1. 1Core Web Vitalsin esittely
  2. 2LCP:n, FID:n ja CLS:n syvällinen tarkastelu
  3. 3Käyttäjän vuorovaikutuksen mittareiden parantaminen
  4. +1 lisää
Aloita opiskelu maksuttaAvaa PRO-tilauksella
6

B24 oppituntiaPRO

Ymmärtäkää, miten selaimet renderöivät verkkosivuja, ja tunnistakaa kriittisen renderöintipolun pullonkaulat. Opitte strategioita resurssien lataamisen optimointiin ja sisällön nopeaan näyttämiseen.

  1. 1Kriittisen renderöintipolun ymmärtäminen
  2. 2Renderöinnin estävät resurssit
  3. 3Sisällön priorisointi nopeuden vuoksi
  4. +1 lisää
Aloita opiskelu maksuttaAvaa PRO-tilauksella
7

B24 oppituntiaPRO

Menkää Lighthouse-raportoinnin perusteita pidemmälle tutustumalla sen komentorivikäyttöliittymään, ohjelmointirajapintaan ja mukautettaviin auditointeihin. Opitte integroimaan Lighthousen kehitystyön…

  1. 1Lighthouse komentorivillä ja ohjelmallisesti
  2. 2Mukautetut auditoinnit ja väitteet
  3. 3Lighthousen integrointi CI/CD:hen
  4. +1 lisää
Aloita opiskelu maksuttaAvaa PRO-tilauksella
8

B24 oppituntiaPRO

Syventäkää ymmärrystänne verkkoprotokollista ja edistyneistä välimuistimekanismeista. Optimoikaa tiedonsiirtoa ja hyödyntäkää Content Delivery Networkeja maailmanlaajuisen tavoittavuuden ja nopeuden…

  1. 1HTTP/2:n ja HTTP/3:n perusteet
  2. 2Selaimen ja palvelimen välimuistit
  3. 3Sisällönjakeluverkot (CDN:t)
  4. +1 lisää
Aloita opiskelu maksuttaAvaa PRO-tilauksella
9

B24 oppituntiaPRO

Opitte määrittämään ja valvomaan suorituskykybudjetteja, jotta verkkosivuston nopeus säilyy optimaalisena ajan mittaan. Tutustukaa verkkosuorituskyvyn optimoinnin uusiin teknologioihin ja tulevaisuud…

  1. 1Suorituskykybudjettien määrittäminen
  2. 2Budjettien valvonta ja hälytykset
  3. 3Uudet suorituskykyteknologiat
  4. +1 lisää
Aloita opiskelu maksuttaAvaa PRO-tilauksella
10

C14 oppituntiaPRO

Perehtykää edistyneisiin JavaScriptin optimointitekniikoihin, jotta skriptinne toimivat tehokkaasti heikentämättä sivun responsiivisuutta. Opitte pienentämään siirrettävää sisältöä ja hallitsemaan su…

  1. 1JavaScript-latauksen pienentäminen
  2. 2Tehokkaat skriptien latausstrategiat
  3. 3Web Workers ja pääsäikeen ulkopuolinen suoritus
  4. +1 lisää
Aloita opiskelu maksuttaAvaa PRO-tilauksella
11

C14 oppituntiaPRO

Laajentakaa suorituskykyosaamistanne taustajärjestelmään tunnistamalla ja ratkaisemalla palvelinpuolen pullonkauloja. Ymmärtäkää, miten palvelinarkkitehtuuri ja tietojen käsittely vaikuttavat käyttöl…

  1. 1Taustajärjestelmän suorituskyvyn pullonkaulat
  2. 2Tietokantakyselyjen optimointi
  3. 3Palvelinpuolen renderöinnin (SSR) vaikutus
  4. +1 lisää
Aloita opiskelu maksuttaAvaa PRO-tilauksella
12

C14 oppituntiaPRO

Tutustukaa edistyneisiin suorituskyvyn seurantatekniikoihin, kuten todellisten käyttäjien seurantaan (RUM) ja synteettiseen seurantaan. Opitte keräämään ja analysoimaan suorituskykytietoja oikeilta k…

  1. 1RUM ja synteettinen valvonta
  2. 2RUM-ratkaisujen toteuttaminen
  3. 3Suorituskykytietojen analysointi
  4. +1 lisää
Aloita opiskelu maksuttaAvaa PRO-tilauksella
CoddyKit PRO

Avaa kaikki 12 tämän opintopolun kurssia ja kaikki muut opintopolut

Tekoälytuutori, sertifiointikoe ja suoritustodistus. Toimii verkossa sekä iOS- ja Android-laitteilla.

Näytä kaikki paketit
Vuosittain$29.90 / vuosiNoin $2.49 kuukaudessaMaksa kerranElinikäinen$69.99 KerranEi uusimisia. PRO ikuisesti.
Kurssin yleiskatsaus

Verkkosuorituskyky: hitaista sivuista Lighthouse 100 -tuloksiin

Verkkosuorituskyky ratkaisee, muuntaako sivusto kävijät asiakkaiksi vai hylätäänkö se. Renderöinnin viiveen jokainen millisekunti vaikuttaa välittömästi poistumisprosenttiin, Core Web Vitals -tuloksiin ja hakusijoituksiin. Tässä opintopolussa käsitellään optimoinnin koko kokonaisuus: Lighthouse-auditoinneista ja Core Web Vitalseista JavaScriptin suoritukseen, palvelinpuolen säätöihin ja todellisten käyttäjien seurantaan — selainten ja Googlen tosiasiallisesti mittaamien työkalujen pohjalta.

Mitä opitte

Opitte suorittamaan Lighthouse-auditointeja ja tulkitsemaan niiden tuloksia, optimoimaan kuvia, mediaa, CSS:ää ja fontteja siirtomäärän pienentämiseksi sekä ymmärtämään kriittisen renderöintipolun toimintaa ja sen katkaisukohtia. Mittaatte käyttökokemusta Core Web Vitals -mittareilla (LCP, CLS, INP), asetatte ja valvotte suorituskykybudjetteja, otatte käyttöön HTTP-välimuistin ja verkkotason strategioita, kirjoitatte nopeampaa JavaScriptiä välttämällä layoutin jatkuvaa uudelleenlaskentaa ja pitkiä tehtäviä, säädätte palvelimen vastausaikoja ja keräätte tuotantoliikenteestä tietoa Real User Monitoring (RUM) -menetelmällä synteettisten testien rinnalla.

Opintopolku

Kaksitoista kurssia kattaa tasot A1–C1. Opintopolku alkaa peruskäsitteistä ja ensimmäisestä Lighthouse-esittelystä, minkä jälkeen B1-tasolla käsitellään kuvien ja median optimointia, CSS- ja fonttistrategioita sekä Core Web Vitalseja. B2-kursseilla käsitellään kriittistä renderöintipolkua, Lighthousen edistynyttä mukauttamista, verkkovälimuistia ja suorituskykybudjetteja. Viimeiset C1-kurssit — JavaScriptin suorituskyvyn parhaat käytännöt, Palvelinpuolen suorituskyky ja backendin optimointi sekä Real User Monitoring (RUM) ja synteettinen seuranta — keskittyvät tuotantoympäristön kysymyksiin, jotka ulottuvat paljon yksittäisen auditoinnin havaintoja pidemmälle.

Näin opiskelu toimii

Jokainen kurssi on jaettu lyhyisiin käytännönläheisiin oppitunteihin, jotka suoritatte sisäänrakennetussa editorissa ja saatte palautetta reaaliajassa. Tekoälytuutori on käytettävissänne, kun jäätte jumiin. Käsitteitä vahvistetaan heti harjoituksilla, jotka liittyvät todellisiin selaintyökaluihin ja Lighthouse-mittareihin, joten jokaisen opiskelukerran päätteeksi teillä on muistiinpanojen sijaan jotakin mitattavaa.

Työkalut

Harjoittele tekoälyn avulla – älä vain lue

Tehosta oppimistasi tekoälypohjaisilla työkaluilla ja ominaisuuksilla

TekoälychatKeskustele tekoälytuutorin kanssaEsitä superkysymysSaat asiantuntijatason vastauksiaPROLuo oppituntiTekoälypohjainen oppituntien luontityökaluPROAloita sertifiointikoeHanki sertifikaattiPROAloita haasteTestaa taitosi

Näin opiskelet

  1. 01

    Interaktiiviset oppitunnit

    Käytännön koodiharjoituksia ja reaaliaikaista palautetta

  2. 02

    Tekoälytuutori

    Saat heti apua tekoälyltä, kun jäät jumiin

  3. 03

    Sisäänrakennettu editori

    Kirjoita ja suorita koodia suoraan selaimessa

  4. 04

    Sertifikaatti

    Saat sertifikaatin suoritettuasi kurssin

Tutustu lisää

Aiheeseen liittyvät opintopolut

WebAssembly (WASM) for High Performance Apps logoWebAssembly (WASM) suorituskykyisiin sovelluksiinMaster 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-kehitys (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 -täyden pinon verkkosovelluksetMaster building high-performance, fullstack web applications with Next.js 15, from founda…OAuth2 & OpenID Connect Deep Dive logoOAuth2 ja OpenID Connect perusteellisestiMaster modern authentication and authorization by diving deep into OAuth2 and OpenID Conn…Blockchain Smart Contracts with Solidity logoLohkoketjun älysopimukset SolidityllaMaster the art of building secure and efficient decentralized applications by learning Bl…Real-Time Streaming Systems (WebRTC + Live Data) logoReaaliaikaiset suoratoistojärjestelmät (WebRTC + reaaliaikainen data)Master the fundamentals and advanced techniques of building real-time streaming systems u…
UKK

Usein kysytyt kysymykset

Onko Verkkosuorituskyvyn optimointi ja Lighthouse-kurssi ilmainen?

Kyllä. Voit aloittaa Verkkosuorituskyvyn optimointi ja Lighthouse-kurssin ilmaiseksi ja suorittaa sen vuorovaikutteiset oppitunnit maksutta. Valinnainen PRO-tilaus avaa käyttöön edistyneet tekoälytyökalut ja jaettavan todistuksen.

Tarvitsenko aiempaa kokemusta oppiakseni Verkkosuorituskyvyn optimointi ja Lighthouse?

Et tarvitse. Kurssi alkaa perusteista ja etenee vähitellen edistyneempiin aiheisiin, joten voit aloittaa, vaikka sinulla ei olisi aiempaa Verkkosuorituskyvyn optimointi ja Lighthouse-kokemusta.

Miten opin Verkkosuorituskyvyn optimointi ja Lighthouse CoddyKitissä?

Opit tekemällä. Lyhyillä vuorovaikutteisilla oppitunneilla selkeä teoria yhdistyy käytännön koodiharjoitukseen, joka suoritetaan reaaliajassa. Ympäri vuorokauden käytettävissä oleva tekoälytuutori auttaa henkilökohtaisesti aina, kun jäät jumiin.

Saanko todistuksen Verkkosuorituskyvyn optimointi ja Lighthouse-kurssin suorittamisesta?

Kyllä. PRO-oppijat voivat suorittaa kokeen ja saada Verkkosuorituskyvyn optimointi ja Lighthouse-kurssin suorittamisesta jaettavan todistuksen, jonka koodi voidaan tarkistaa.

Voinko oppia Verkkosuorituskyvyn optimointi ja Lighthouse puhelimellani?

Kyllä. CoddyKit on käytettävissä verkossa sekä iOS- ja Android-natiivisovelluksina, joten voit oppia Verkkosuorituskyvyn optimointi ja Lighthouse millä tahansa laitteella, ja edistymisesi synkronoituu niiden välillä.

Paljonko CoddyKit PRO maksaa?

Verkkosuorituskyvyn optimointi ja Lighthouse-opintopolun ensimmäinen kurssi on ilmainen. CoddyKit PRO avaa kaikki kurssit: $5.90 viikossa, $7.90 kuukaudessa, $29.90 vuodessa tai $69.99 kerran maksettuna, jolloin saat elinikäisen käyttöoikeuden ilman uusimisia.

Kuinka kauan Verkkosuorituskyvyn optimointi ja Lighthouse-opintopolun suorittaminen kestää?

Verkkosuorituskyvyn optimointi ja Lighthouse sisältää 12 kurssia ja 48 oppituntia. Useimmat oppitunnit kestävät noin 5–10 minuuttia, joten koko opintopolun suorittamiseen kuluu omaan tahtiin noin 6 tuntia käytännön harjoittelua.

Aloita Verkkosuorituskyvyn optimointi ja Lighthouse nyt

Liity tuhansien oppijoiden joukkoon ja opi ohjelmointia tekoälyä hyödyntävillä oppitunneilla.

Aloita opiskelu maksuttaSelaa kaikkia kursseja