Sivuk Ehi Tys — Nettisivun rakentaminen siten, että | sivukehitys.com
Julkaisu etenee varmenteesta välimuistisääntöihin ja loppumittaukseen — jokaiseen vaiheeseen kuuluu yksi tarkistettava luku.
Vaihe 1 — varmenne: Let's Encrypt -varmenne on voimassa 90 päivää. Automaattinen uusitus käynnistyy, kun vanhentumiseen on alle 30 päivää, joten uusimista ei tarvitse muistuttaa käsin. Tarkistettava luku: varmenteen jäljellä oleva voimassaolo ja se, että automaatio on päällä.
Vaihe 2 — staattisten tiedostojen välimuisti: CSS, JavaScript, kuvat ja fontit merkitään selaimen välimuistiin vuodeksi asetuksella Cache-Control: public, max-age=31536000. Tarkistettava luku: otsakkeen arvo 31 536 000 sekuntia jokaiselle staattiselle tiedostolle.
On narrow screens, swipe or scroll the plate sideways.
Vaihe 3 — HTML:n välimuisti: itse sivu merkitään päinvastaisesti arvolla max-age=0, must-revalidate. Silloin selain tarkistaa joka käynnillä, onko uutta versiota, ja juuri julkaistu muutos näkyy heti. Tarkistettava luku: HTML:n välimuistiaika 0 sekuntia.
Vaihe 4 — painon tarkistus: ennen julkaisua lasketaan sivun kokonaispaino. Kymmenen 200 kilotavun kuvaa tarkoittaa noin 10 sekuntia hitaalla 4G-yhteydellä, joten kuvat muunnetaan AVIF- tai WebP-muotoon jo ennen julkaisua — ohjeet ovat sivulla Kuvien ja fonttien optimointi.
Vaihe 5 — loppumittaus: Lighthouse mobiiliprofiililla, joka simuloi 1,6 Mbit/s yhteyttä, 150 ms viivettä ja nelinkertaista prosessorin hidastusta. Tarkistettavat luvut ovat LCP ≤ 2,5 s, INP ≤ 200 ms ja CLS ≤ 0,1, kuten sivulla Core Web Vitals -rajat ja mittarit on esitetty. Kun nämä menevät läpi, välimuisti tekee palaavan kävijän toisesta latauksesta lähes ilmaisen.
Further reading