[Knös]

Hej,

Jag arbetar med en Wordpress sida. I nuläget ligger alla bilder i .css filen i div-taggar i background-image-regler. Om jag lägger dom bilder som kan läggas i htmlkoden är det bättre? Dvs förklarar width och height direkt i htmlkoden istället för css? Eller kanske jag ska lägga bilderna som vanligt i div-taggar fast skriver också width och height regeln i div-taggen, t.ex:

<div id="hej" style="width: 100px; height: 100px;"></div>

Vill få upp laddningsspeeden lite, hört detta ska vara bättre, stämmer det?

Tack!

[frecka]

om du vill ha så hög laddnignstid som möjligt kör du bara med validerad HTML kod.

[Knös]

Min tanke var att fortfarande ha alla regler i css gällande bilden men också lägga width och height i html-koden.

Varför skulle jag vilja ha så hög laddningstid som möjligt?

[Monkboll]

Det är snabbare att ha all css kod i en extern fil. Detta eftersom den bara behöver laddas ner en gång. Antar att du använder samma css fil över hela webbplatsen? Besökaren behöver då bara hämta den en gång..

[StefanW]

Ursprungligen postat av Knös

Hej,

Jag arbetar med en Wordpress sida. I nuläget ligger alla bilder i .css filen i div-taggar i background-image-regler. Om jag lägger dom bilder som kan läggas i htmlkoden är det bättre? Dvs förklarar width och height direkt i htmlkoden istället för css? Eller kanske jag ska lägga bilderna som vanligt i div-taggar fast skriver också width och height regeln i div-taggen, t.ex:

<div id="hej" style="width: 100px; height: 100px;"></div>

Vill få upp laddningsspeeden lite, hört detta ska vara bättre, stämmer det?

Tack!

Nej det stämmer inte.

Som Monkboll säger är det absolut bäst att köra all css i en extern css-fil.

Dessutom ska du försöka undvika att sätta bildstorlekarna i CSS. Se istället till att ladda upp alla bilder i rätt storlek från början för optimala laddningstider. Annars kanske du hämtar en bild som är 800x600px (exempel) men i css krymper ner den till 320x240. Då blir bilden sämre kvalitet samt att du hämtar en alldeles för stor bild i onödan (filstorleksmässigt)

[emilv]

Ursprungligen postat av StefanW

Nej det stämmer inte.

Som Monkboll säger är det absolut bäst att köra all css i en extern css-fil.

Dessutom ska du försöka undvika att sätta bildstorlekarna i CSS. Se istället till att ladda upp alla bilder i rätt storlek från början för optimala laddningstider. Annars kanske du hämtar en bild som är 800x600px (exempel) men i css krymper ner den till 320x240. Då blir bilden sämre kvalitet samt att du hämtar en alldeles för stor bild i onödan (filstorleksmässigt)

Fördelen med att även sätta storleken i stilmallen är att sidans rendering (layout) blir rätt på första försöket istället för att behöva flyta omkring flera gånger allt eftersom bilderna laddas in. Detta märks kanske mest på långsammare uppkopplingar och/eller datorer, men det är många som surfar på mobiltelefoner och ADSL-linor.

Bäst är alltså att bilderna har rätt storlek från början och att precis denna storlek också speglas i CSS.

[StefanW]

Ursprungligen postat av emilv

Bäst är alltså att bilderna har rätt storlek från början och att precis denna storlek också speglas i CSS.

Jag håller med.