Gnavpotterne skulle egentlig starte med at se gnavne ud – for det handler om langsomme hjemmesider og om, hvad man kan gøre ved dem. Men så kom der sgu lige en pude i vejen for de sure miner!
Sådan måler Google hastighed i dag
Videoen her er fra 2017. Grundprincipperne holder stadig, men Google har siden sat tal og navne på det, vi dengang bare kaldte “hurtige sider”. I dag hedder det Core Web Vitals, og det er tre målinger, du bør kende.
LCP (Largest Contentful Paint) måler, hvor hurtigt sidens største element er synligt. Et godt resultat er under 2,5 sekunder.
INP (Interaction to Next Paint) måler, hvor hurtigt siden reagerer, når brugeren klikker eller taster. Et godt resultat er under 200 millisekunder. Denne måling afløste den gamle FID den 12. marts 2024, fordi FID kun så på det allerførste klik. INP kigger på alle interaktioner gennem besøget og rammer derfor tættere på den reelle oplevelse.
CLS (Cumulative Layout Shift) måler, hvor meget indholdet hopper rundt, mens siden loader. Et godt resultat er under 0,1.
Hvorfor de tal betyder penge
Forestil dig en fysisk butik, hvor døren først går op efter fem sekunder, og hvor hylderne flytter sig, lige idet du rækker ud efter varen. De fleste går igen. Sådan opfører en langsom hjemmeside sig også, den taber bare kunderne i stilhed. En hurtig side holder på gæsten, og den giver Google et signal om, at oplevelsen er i orden.
Værktøjerne du kan bruge
Google PageSpeed Insights viser dine Core Web Vitals med data fra rigtige brugere, ikke kun en labtest. Det er stedet at starte. Vil du grave dybere, kan du følge de samme tal over tid i Google Search Console under rapporten for Core Web Vitals.
Hastighed er ikke et engangsprojekt. Det er noget, du holder øje med, hver gang du tilføjer et nyt plugin, et nyt banner eller en ny video. For alt, hvad du lægger på, koster millisekunder. Er de millisekunder besværet værd for din bruger?
Hvem er Gnavpotterne?
Lars Koudal kan du se mere om på hans hjemmeside: Larsik Corp
Thomas Rosenstand – jamen det er jo ham her: https://www.concept-i.dk/thomas.html
Her har du den tredje video med Gnavpotterne – men tag lige og læs hvad der står under videoen også. Så er du rar 🙂
Husk, at du også kan snuppe den som rent podcast nederst i artiklen!
Gnavpotterne som podcast
Gnavpotterne er DIT show
Nu er det op til dig – brug muligheden for at pumpe os for al den viden, du vil!
Rosenstand og Koudal out!
P.S.: Links til de gode steder:
SIMPLY– webhosting
Pingdom – husk at vælge Sweden his du tester et dansk hostet site: https://tools.pingdom.com/
PageSpeed Insights
GTmetrix
Webpagetest
Online tools til hastighedsoptimering
Online tools:
http://optimizilla.com/
WordPress plugins:
https://wordpress.org/plugins/ewww-image-optimizer/ – EWWW Image Optimizer
https://wordpress.org/plugins/kraken-image-optimizer/ – Kraken.io
https://imagify.io/ – Imagify
https://wordpress.org/plugins/wp-smushit/ – Smush Image Compression and Optimization
Software Tools:
https://www.jpegmini.com/
https://imageoptim.com/
I er simpelthen geniale til at forklare så det kan forståes. TAK!!!
Tak skal du have, Ingeborg. Vi rødmer (lidt).
Hej gnavpotter! Tak for endnu en episode, jeg følger med. 🙂
I forbindelse med test af et par af mine sider, faldt jeg over en guide GTMetrix har lavet til hastighedsoptimering i WordPress. Måske nogen kunne have gavn af den: https://gtmetrix.com/wordpress-optimization-guide.html
Ha’ en fantastisk weekend! 🙂
Tak for et spændende afsnit. Tippet med tjek hos Tools.Pingdom var genialt. Jeg fandt ud af min blog var 72% hurtigere end andre testede sites, og en performance grade på 82. Familiedomænet var 75% hurtigere end andre testede sites og en performance grade på 88.
Med gode tips til forbedringer – og her viser banner-suppliers sig at være nogle gedebukke på deres hosting. Jo, jo, det giver tanker om optimering, og tak for jeres altid gode humør.
I er ikke helt gnavne nok til at kvalificere som Gnavpotter. Til gengæld er det godt I altid er i godt humør. Tommel-op herfra, og god dag. 🙂
Hej Thomas.
I fortæller lidt om de forskellige plugins ang. optimering af billeder. Råder i til at man bruger en af dem eller alle sammen?
Mvh. Alex
Hej Alex
Du skal bestemt kun bruge ét. Jo flere plugins – jo mere skal din server arbejde.
Hej Igen.
Tak for svaret. Ok så fik jeg det på plads. Spørgsmålet er bare hvilken af dem er bedst? Og her ser vi bort fra prisen, jeg leder efter kvalitet uanset pris.
Mvh. Alex
Kraken er nok det mest avancerede og effektive af dem – sådan skudt fra hoften.
Glimrende podcast.
Jeg synes det fungerer rigtig godt, at I har forskellig indgang til emnet. Det skaber en god dynamik.
Fedt med lidt ekstra speed tools til værktøjskassen.
Til tools nørder vil jeg gerne anbefale YSLow, der er et plugin til Chrome. Det er nemt at bruge, og du kan grave dybt ned i forklaringer og løsningsforslag på specifikke områder.
Hav en fantastisk dag.
Så er guiden gået igennem på flere af mine sider glæder mig til at se resultatet