Langsom hjemmeside: Disse 9 fejl bør undgås

Ordsproget Slow and steady wins the race kan appellere til mange ting i livet, men når det kommer til hjemmesider – vil det være det modsatte. Langsomme hjemmesider står højt på listen over det, der skaber irritation blandt norske forbrugere. Du har måske selv oplevet det? Du indtaster en URL og forventer, at hjemmesiden skal dukke op på nogle mikrosekunder. Du bliver i stedet mødt af en blank side, der bare står og indlæser.

Hvad gør de fleste mennesker så? Jo, de klikker sig videre til en anden hjemmeside, som ligger ved siden af i Google. Vi har derfor kigget nærmere på nogle af de mest almindelige årsager til, at du oplever en langsom hjemmeside. I hvilken grad disse påvirker din hjemmesides ydeevne vil naturligvis variere, men du bør så vidt muligt forsøge at undgå de fleste af dem.

Usikker på, hvor du skal starte?

Fejlfinding og optimering af hjemmesider kan være et krævende arbejde, og mange har ikke tid til dette i en hektisk arbejdsdag. Heldigvis er der en række bureauer, som kan gøre dette job for dig. Her kommer Byråguiden ind som et nyttigt værktøj, hvor du lettere finder frem til det bureau, der passer til dig. Sammenlign tilbud, som er skræddersyet til dit projekt og få jobbet gjort så effektivt som muligt. Hvis du derimod selv ønsker at gøre arbejdet, så skal du kigge efter nogle af disse årsager.

1. Ikke-optimerede billeder

En almindelig årsag til, at hjemmesider tager lang tid at indlæse, skyldes store krævende filer – især i form af billeder. Mange, som laver deres første hjemmeside, bruger ofte billeder, de har liggende, men disse behøver ikke nødvendigvis at være optimeret til brug online. Her er det ofte en typisk faldgrube, at man bruger store filformater som PNG fremfor JPEG.

Hvis du bruger WordPress CMS, så findes der flere forskellige udvidelser, som kan bidrage til dette job. Disse vil sørge for, at dine billeder optimeres og komprimeres så meget som muligt, uden at gå ud over kvaliteten. De færreste har brug for et 4K-billede på deres side, så oftest vil der være en del at spare på dette.

2. Dårligt optimeret kode

I dag er det almindeligt at tilføje JavaScript/jQuery elementer på din hjemmeside, men dette kan også være en faldgrube. Overdreven brug af ​​disse elementer kan forårsage en langsom hjemmeside. Det tager nemlig lang tid at indlæse forskellige elementer, hvis ikke det er implementeret korrekt. Du bør derfor sørge for, at dette sker på en ordentlig måde.

Især med JavaScript er det vigtigt, at man holder koden ryddelig. En oppustet kode kan skabe en krævende side og dermed gøre den vanskeligere at indlæse. Hvis du vælger at bruge flere APIs, bør du derfor sørge for, at dataene indlæses på den mest effektive måde.

3. Overskydende HTTP-anmodninger

Hvis du fylder din side med JavaScript, CSS og billeder, der skal indlæses, kan dette medføre, at de, som prøver at besøge siden, indsender for mange HTTP-anmodninger på samme tid. Hvis flere gør dette samtidig, vil det blive en belastning for serveren, og i yderste konsekvens kan det ske, at din side går ned.

Du skal derfor bruge et program som Sprites til at reducere antallet af HTTP-anmodninger og forsøge at have et så lille antal CSS, billeder og JavaScript elementer som muligt på din side. Du kan også tilpasse koden, så der er færre filer, der skal downloades, hver gang nogen åbner din side.

4. Uryddelig kode

Alle hjemmesider er kodet på en eller anden måde, men dette kan gøres på en god og dårlig måde. Hvis du gentagne gange har foretaget ændringer i koden, så er der en større sandsynlighed for, at du har en uryddelig kode. Dette handler ofte om, at der er meget luft i koden, forskellige styling-elementer og andre kommentarer, som ikke nødvendigvis var inkluderet, hvis hele koden blev opdateret.

En oprydning i koden på din hjemmeside vil ikke blot reducere den tid, det tager at indlæse, men det vil også bidrage til, at man får en bedre effekt på SEO. Google læser dele af sidens kode for at kortlægge, og hvis dette er unødigt kompliceret – så kan det gå ud over hjemmesidens præstation i søgeresultaterne.

5. Brug ikke CDN

CDN eller Cache handler om, at man lagrer versioner af hjemmesiden på forskellige servere. På denne måde vil besøgende fra forskellige geografiske placeringer sandsynligvis finde en lagret version af din hjemmeside, hvilket reducerer indlæsningstiden på siden. For dem, der bruger WordPress, findes der en række udvidelser, som tilbyder dette, og som ikke koster alverden.

Dette vil også gøre det meget lettere for tilbagevendende brugere at få hurtig adgang til din hjemmeside. Så vil der allerede ligge en cache-version af hjemmesiden på deres enhed, som kan hentes meget hurtigere. Alle hjemmesider skal derfor bruge noget tilsvarende, så de får optimal hastighed ved indlæsning.

6. For meget ‘Flash’-indhold

Flash er ofte et fremragende værktøj til at give lidt farve og bevægelse til din side, men det er også en meget krævende byggesten, hvis du bruger meget af den. Dette skyldes, at flash-elementer ofte er tungt kodet og større filtyper, som det tager lang tid at indlæse. For din hjemmeside betyder det, at den bliver tungere for besøgende at åbne.

Du kan selvfølgelig overveje at reducere mængden af ​​Flash-indhold på din hjemmeside, men et bedre alternativ vil være at bruge HTML5-elementer. Her vil du ofte opnå meget af den samme effekt, men brug elementer, som er langt nemmere at bygge videre på end Flash. Dette gælder især for ældre hjemmesider, der blev bygget, mens Flash stadig var den foretrukne metode. I dag vil de fleste designere nok være enige om, at Flash er en forældet teknologi, og derfor er det bedre at anvende andre metoder.

7. For meget reklame

Det kan være fristende at placere annoncer i alle tilgængelige hjørner og kroge på din hjemmeside, men dette vil ofte ødelægge brugeroplevelsen. Så kommer du hurtigt ind i en dårlig spiral, hvor dårlige brugeroplevelser reducerer antallet af besøgende, og dermed bliver eksponeringen af reklamer også lavere. Du opnår dermed den modsatte effekt end formålet og mister penge.

Strategisk placering af annoncer er uden tvivl en vigtig del af indtjeningen på mange hjemmesider, men det er vigtigt ikke at bruge for mange af dem. Prøv i stedet at øge CPM-afkastet på annoncerne ved at placere dem meget synligt, men i et mindre antal. De fleste forbrugere vil acceptere, at der er annoncer på en hjemmeside, men hvis de bliver trætte, vil det hurtigt resultere i, at de finder information andetsteds.

Du bør måske overveje, hvilket system du bruger til annoncer. Der findes en del lazyload annoncer, hvilket betyder, at de ikke indlæses, før brugeren har dem i synsfeltet. På denne måde slipper du for, at utallige elementer skal indlæses på samme tid og bruge unødvendig kraft fra serveren.

8. Mangel på cache

Cache betyder, at der lagres en lille del af hjemmesiden på hver enhed, som besøger den. Hvis den samme bruger besøger siden igen, hentes denne version meget hurtigere, end serveren ellers ville have været i stand til at svare. Det er her, såkaldte cookies ofte kommer ind på billedet. Disse indeholder informationskapsler, som gør det lettere at indlæse en side ved at gemme tidligere valg på enheden.

Nogle browsere og enheder blokerer cookies, hvilket kan forårsage, at brugeren får en langsommere oplevelse. Dette kan man ikke gøre så meget ved som ejer af ​hjemmesiden, men du kan altid opfordre brugerne til at lade browseren gemme cookies. Et godt argument for dette vil være, at brugerne får en bedre oplevelse, næste gang de besøger siden, hvilket gavner alle parter.

9. Dårligt webhotel

En fejltagelse, mange begår, når de laver deres første hjemmeside, er, at de vælger den billigste mulighed for webhosting. Grunden til, at virksomhederne kan tilbyde billig webhosting, er, at de deler serverkapaciteten ud på flere kunder. For dig som bruger betyder det, at du kun får en del af kapaciteten, ikke hele serveren for dig selv.

Dette kan være okay, hvis du kun skal lancere en privat blog med lav forventet trafik, men hvis du vil lave en virksomhedshjemmeside, vil dette sjældent være godt nok. Derfor bør du hellere foretage investeringen i en dedikeret server. En god mulighed for dem, der har et lidt mindre budget, er en virtuel server. Dette er en server, som er blevet programmeret til at fungere som flere små servere. Ganske vist får du ikke fuld kapacitet, men det er en langt bedre løsning end de billigste muligheder.

Hvilket udvalg, du finder hos forskellige aktører, vil variere noget, så sammenlign gerne flere, hvis du er i tvivl om, hvor du får mest for dine penge.