Laddnings optimering

Genom att laddningsoptimera din webbplats kan du minska dina kostnader samtidigt som du ökare upplevelsen för dina surfare

Det finns ett antal olika saker man skall tänka på för att laddningsoptimera en webbplats optimalt.
Följ våra nedan steg och du kan räkna med mindre bandbreddskostnader samtidigt som dina sidor laddas snabbare.

H2 Steg 1

Var försiktig med användning av bilder, håll dina bilder under 50 kb och ännu mindre om du använder dig av många olika.
En liten bild från en digitalkamera brukar ligga på 300-500 kb, men på webben är det laddtiden som är viktigast.
Detta på grund av att det med modemuppkoppling tar 25 sekunder att ladda bilden!
En sidan skall generellt laddas på under 10 sekunder för att vara acceptabel, men för modemanvändare kan man acceptera 15 sekunder i värsta fall.
Generellt rekommenderas att hela sidan väger mindre än 30kb.


Det finns ett par enkla regler för att hålla nere laddtiden:

• Använd få bilder
  Skapa inte textgrafik om det inte är nödvändigt.
  Varför ha olika menyknappar där det står en text.
  Använd istället en bakgrundsbild och en överliggande text.
  Texten kan göras fin med stylesheets.

• Använd inte större bilder än vad du behöver
  Ju mer du kan skära bort, ju lättare blir bilderna.
  Lyckas du skära bort 100 punkter i höjd och sidled på en bild som mäter 500x500.
  Så har du fått ner storleken till 64%.
  Storleken mäts i antalet bildpunkter (höjd x bredd = storlek)
  så varje pixel du klarar av att spara in ger väldigt stor besparing.

• Spara bilder i rätt bildformat
  Man skall använda ett komprimerande bildformat (vilket så gott som alla är)>
  
  Det finns 2 typer av komprimering, med bibehållen kvalitet eller med viss kvalitetsminskning.
  
  Jpg minskar kvaliteten, och är toppen för foton.
  Ofta är kvalitets minskningen inte synlig för ögat.
  Det är egentligen det enda formatet som klarar att pressa ner
  foton till ynkliga storlekar med bra kvalitet.
  Testa i en webbläsare. Ser det för fult ut så öka kvalitén ett snäpp.
  
  Gif är ett bra format för enkla bilder med högst 256 färger.
  Typiska bilder är små ikoner, logos, eller ritningar.
  PNG är ett bra alternativ till Gif.
  Det begränsas inte till 256 färger.

• återanvända bilder mellan sidor
  
  Det kostar ingenting att använda samma bild på undersidor.
  Webbläsaren vet att bilden redan är nedladdad och återanvänder bilden.
  Den En viktig detalj är att du måste använda exakt samma sökväg till bilden,
  annars blir webbläsaren förvirrad och kan ladda om bilden.
  
  Följande kan under vissa omständigheter betyda samma sökväg.
  
  <IMG SRC="images/mylogo.gif">
  <IMG SRC="/images/mylogo.gif">
  <IMG SRC="../images/mylogo.gif"> Om dokumentet är i en underkatalog.
  <IMG SRC="http://www.mysite.com/images/mylogo.gif">
  
  är det verkligen samma bild så använd samma sökväg. Välj 1 av dem.
  Helst den kortaste om det går.

Läs del 2 i vår guide om laddningsoptimering

Andra guider inom Laddnings optimering

Visa alla typer av optimering

---

Kommentarer    Antal 0    Medelpoäng 0/10

Bli medlem för att kunna skriva kommentarer!
Logga in om du redan är medlem.