Magento hastighedsoptimering handler om fem ting: at sider bliver leveret fra cache i stedet for at blive bygget forfra, at cachen holdes varm, at billeder er små og i moderne formater, at frontenden er let, og at serveren er sat op til Magento. Den største enkeltstående forbedring på en Magento 2-shop med standardtemaet Luma er typisk at skifte til en moderne frontend som Breeze eller Hyvä.
Herunder gennemgår vi de konkrete tiltag i den rækkefølge, vi selv kigger på dem, når en kunde beder os gøre deres Magento webshop hurtigere.
Mål før du optimerer: Core Web Vitals
Start med at måle, så du ved, hvad der er problemet. Google PageSpeed Insights og rapporten om Core Web Vitals i Google Search Console viser, hvordan rigtige brugere oplever shoppen. De tre målinger er:
- LCP (Largest Contentful Paint): hvor hurtigt det største element, fx hovedbilledet, vises. Google anbefaler 2,5 sekunder eller mindre.
- INP (Interaction to Next Paint): hvor hurtigt siden reagerer, når kunden klikker eller trykker. Mål: 200 millisekunder eller mindre.
- CLS (Cumulative Layout Shift): hvor meget layoutet hopper under indlæsning. Mål: 0,1 eller mindre.
Mål både forside, kategoriside, produktside og checkout – og både på mobil og desktop. Kig også på serverens svartid (TTFB): er den høj, ligger problemet i backend og cache, ikke i billeder og JavaScript.
Cache: lad Magento levere færdige sider
Uden cache skal Magento bygge hver side forfra ud fra database, kategorier, priser og layout. Det tager tid. Med full page cache gemmes den færdige side, så næste besøgende får den med det samme.
- Kør i production mode, aldrig developer mode på en live shop.
- Brug Varnish som full page cache. Det er Magentos anbefalede løsning til produktion.
- Brug Redis til Magentos øvrige cache og til sessions, så databasen aflastes.
- Sæt indeksering til "Update by Schedule", så produktændringer ikke gør admin og frontend langsom.
- Hold øje med, hvad der tømmer cachen. Moduler, der rydder hele cachen ved små ændringer, ødelægger effekten.
Cache warmer: undgå kolde kategorisider
Selv med full page cache rammer kunderne jævnligt "kolde" sider. Når en vare bliver solgt eller redigeret, fjernes de kategorier, produktet ligger i, fra cachen. Den første kunde, der derefter besøger siden, oplever en lang indlæsningstid.
Vores cache warmer-modul til Magento 2 opfanger, hvilke sider der er fjernet fra cachen, og besøger dem automatisk, så de er varme igen. Det varmer alle kategorisider – også side 2, 3, 4 og frem – ved en fuld cache-tømning, og det varmer udvalgte kategorier og produkter, der bliver fjernet fra cachen.
Billeder: WebP, rigtige størrelser og lazy-load
Billeder er ofte den tungeste del af en kategori- eller produktside.
- Brug WebP, der typisk giver markant mindre filer end JPG og PNG i samme kvalitet.
- Upload billeder i fornuftig størrelse. Et billede på flere megabyte direkte fra kameraet hører ikke hjemme på en produktside.
- Brug lazy-load på billeder under folden, så de først hentes, når kunden scroller ned.
- Undlad lazy-load på hovedbilledet øverst på siden. Det skal vises med det samme, ellers får du en dårligere LCP.
- Angiv bredde og højde på billeder og bannere, så layoutet ikke hopper (CLS).
Frontend: den største gevinst for de fleste
Magentos standardtema Luma indlæser meget JavaScript og CSS, også på sider, der ikke bruger det. Det går især ud over mobilbrugere og målingen INP. Du kan optimere Luma med minificering og færre scripts, men gevinsten er begrænset.
Moderne frontends erstatter Luma med en langt lettere kodebase:
- Breeze beholder meget af Luma-strukturen, men med en slank frontend. Det gør ombygningen af en eksisterende shop mere overskuelig. Læs om vores Magento webshop med Breeze.
- Hyvä er bygget forfra med Tailwind CSS og Alpine.js og giver en moderne og let kodebase. Se vores Hyvä-webshop til Magento 2.
Valget mellem de to afhænger af dine moduler, dit design og dit budget. Vi har samlet forskellene i indlægget om Breeze eller Hyvä.
Uanset frontend: vær kritisk over for tredjepartsscripts som chat-widgets, sporingskoder og anmeldelsesbokse. Hvert script koster tid, især på mobil.
Hosting og moduler: fundamentet under det hele
En hurtig frontend hjælper ikke, hvis serveren er langsom. Magento kræver en server med en understøttet PHP-version med OPcache, nok hukommelse, OpenSearch til søgning og plads til Varnish og Redis. Et almindeligt webhotel er sjældent nok. Læs mere i vores guide til Magento hosting.
Moduler er den anden skjulte synder. Hvert modul kan tilføje databaseforespørgsler, JavaScript eller observere events, der kører ved hver sidevisning. Gennemgå jævnligt:
- Moduler, der ikke længere bruges – fjern dem helt, ikke kun deaktiver dem i admin.
- Moduler, der tømmer hele cachen eller kører tunge cronjobs i dagtimerne.
- Moduler, der indlæser scripts på alle sider, selvom de kun bruges ét sted.
Prioriteret tjekliste til en hurtigere Magento webshop
Har du begrænset tid og budget, så tag tiltagene i denne rækkefølge – de første er typisk billigst og giver hurtigst effekt:
- Kontrollér production mode, full page cache (Varnish) og Redis.
- Ret store billeder, skift til WebP, og brug lazy-load korrekt.
- Installer en cache warmer, så kategorisiderne holdes varme.
- Ryd op i moduler og tredjepartsscripts.
- Vurder, om serveren er dimensioneret til din trafik og dit sortiment.
- Planlæg skiftet til en moderne frontend, hvis shoppen stadig kører Luma.
Mål igen efter hvert skridt, så du kan se, hvad der faktisk har hjulpet.
Ofte stillede spørgsmål
Hvorfor er min Magento webshop langsom?
De hyppigste årsager er manglende eller forkert opsat full page cache, en tung Luma-frontend, store billeder, for svag hosting og moduler, der belaster sidevisningerne. Måling af serverens svartid og Core Web Vitals viser, hvor du skal starte.
Hvad er en cache warmer i Magento?
En cache warmer besøger automatisk sider, der er blevet fjernet fra cachen, så de er klar, når den næste kunde kommer. Det giver ensartet hurtige kategorisider, også efter produktændringer.
Hjælper hastighed på placeringen i Google?
Core Web Vitals er en del af Googles vurdering af sideoplevelsen. Det vigtigste indhold og relevans vejer tungere, men en hurtig shop giver også en bedre oplevelse for kunderne, og det mærkes i konverteringen.
Skal jeg bygge hele shoppen om for at få bedre hastighed?
Ikke nødvendigvis. Cache, billeder, hosting og oprydning i moduler kan klares på den eksisterende shop. Skift af frontend er et større projekt, men giver typisk den største forbedring på mobil.
Vil du have en vurdering af din Magento webshops hastighed? Vi hjælper med Magento-udvikling og optimering – kontakt os, så kigger vi på, hvor gevinsten er størst.
