Optimer dine billeder til din webshop eller hjemmeside

Optimer dine billeder til din webshop eller hjemmeside

Brug funktionen “Save for web”

De fleste programmer til billedredigering har en funktion, der hedder “save for web” eller noget lignende. Denne funktion giver dig mulighed for at komprimere billeder for at reducere deres størrelse. Billederne er som regel de mest tunge komponenter på en hjemmeside eller en webshop og en reduktion af billedernes størrelse kan gøre sidens load hastighed hurtigere.

Definer højde og bredde

Definition af billedstørrelser med højde og bredde attributter vil i væsentlig grad forbedre din websides load tid.
Når browseren kender størrelsen på billedet det vil den indlæse resten af siden, samtidigt med at der bliver reserveret den plads der står i attributterne til billederne. På denne måde vil hele load processen blive en bedre oplevelse for dine brugere.

Brug ikke billeder til at vise tekster

Når du lægger dine tekster ind i billeder, så øger du ikke blot load tiden på din side, men du gør også teksterne ubrugelige til søgemaskineoptimering. Søgemaskiner crawler ikke billeder men kun tekst. Sørg for at alle dine oplysninger på din webside er i almindelig tekst. Det vil hjælpe både dit websteds hastighed og din søgemaskineoptimering.

Du må ikke ændre størrelse på billeder i HTML

Du må ikke ændre størrelse på billeder med højde og bredde attributter for at lave billederne mindre. Hvis du har et billede der er 400 x 200 og du skalerer det til 200 x 100 i HTML, vil den browseren stadig være nødt til at hente billede i fuld størrelse. I stedet for skal du ændre størrelsen på billederne med et billedredigeringsprogram til nøjagtige den størrelse, du har brug for.

Skriv et svar

 

 

 

Abonner på kommentarer uden at kommentere