Jeg fornemmer, du ikke er interesseret i at betale for hastighedsoptimering, så du får lige lidt hjælp til at komme i gang med det selv her:
(Gætter på du kører med Wordpress)
Skaler alle billeder og komprimer dem
Billederne er ofte den store synder, når det kommer til hastigheden. De er ofte lagt op i meget stor størrelse (opløsning /kvalitet) og er derfor en stor del af den mængde data, der skal hentes for at vise hver side (særligt forsiden ed mange billeder)
Det er derfor vigtigt at du sørger for at skalere billederne i de rigtige størrelser f.eks. kan et topbanner ofte skaleres til 1900 x 600px frem for original størrelsen.
På samme tid kan du komprimere dem til 80% .jpg (Brug altid .jpg, medmindre du er tvunget til .png pga baggrund)
Mens du er i den process, kan du med fordel give billederne et pasende og relevant filnavn, det vil gavne mht. onpage SEO.
Webp
Du kan udnytte de fleste browsere nu understøtter Webp ved at installere et plug-in som f.eks. shortpixel og lave webp versioner af din billeder, det vil gøre dem mindre og dermed hurtigere at hente.
Husk at sæt fallback til jpg.
Komprimering af filer
Scripts og CSS filer kan komprimeres med et plug-in til formålet og vil give mindre filer, da alle mellemrum i koderne fjernes, filerne kan også sammenligges og det kan ofte give en fordel, særligt hvis der er mange andre filer at hente. Http2 henter simultant, men er der mange filer, vil de sammenlagte filer give øget hastighed i praksis.
Sammenlægges filerne kan der dog være udfordringer senere i processen.
Lazyload og delay samt preconnect
Det er ofte en fordel at lazyloade billederne (brug eventuelt Wordpreses egen version eller et plug-in) Wordpress i nyeste udgave har indbygget lazyload, men her vil "Above the fold" også automatisk blive lazyloaded, hvilket ikke er en fordel mht. LCP (Det kan hoppe og komme sløvt frem)
Det er derfor en god ide at få lagt et lazyload plug-in ind, hvor du kan ekskluderer f.eks. logo og topbanner.
Delay
scripts der enter funktioner, som først benyttes efter brugeren er ankommet og begynder at scrolle f.eks. pop-up box, chat modul, animerede tekster og baggrunde etc de kan med fordel loades med "Delay" så de ikke umiddelbart loades, men først gør det når brugeren scroller på siden.
Det kan give en markant forskel på hastighed og LCP.
Men det kan også ødelægge trackingen af brugerne, så hus at ekskluderer Google tags og facebook pixel.
Preconnect
Har du eksterne kilder, som henter scripts ind f.eks. chat, statistik, GDPR osv, kan du med fordel preconnecte domænernes DNS, det giver en lille smule på hastigheden og er særligt mærkbart på mobil
Caching
Wordpress laver en side, hver gang en ny bruger kommer ind på websitets sider og det tager tid, mere tid end at lave siden en gang og gemme den til næste bruger.
Det kaldes caching og giver en langt hurtigere side samt mindre pres på serveren.
Ud over server caching, kan der også opsættes browsercaching, så en bruger, der kommer retur får et endnu hurtigere resultat.
Der findes et hav af plug-ins til formålet.
Link preloading
Du kan opsætte preloading af cachede sider på de links brugeren holder musen over, det vil give følelsen af en hurtigere navigation på siden
Nyeste php version
Sørg for at køre med den nyeste (og stabile) version af php. Vi er på 8 version nu og de fleste plug-ins er opdateret.
Sørg også for jævnligt at trimme databasen, så der ikke ligger alt muligt skrammel og sløver. (Brug et database cleaning plug-in)
Hosting
Des mere lokalt kontra din brugeres geografi du kan hoste, des større sandsynlighed for meget lav TTFB og dermed mulighed for et hurtigt site, hvis resten af serversetuppet passer til dit behov.
Med andre ord, er dine brugere kun fra Danmark, så host i Danmark og ikke Tyskland eller da slet ikke USA.
Et almindeligt wordpress website behøver ikke nogen vild "Premium" pakke for at køre hurtigt. Men et Wordpress setup med en woocommerce shop kan godt have behov for mere CPU og RAM for at køre helt smidigt.
Bliv gratis medlem
Opret bruger