Hjælp til hurtigere loadtid på hjemmeside

Er der nogle af Jer, der har nogle forslag til at forbedre vores loadtid på Mobiltjek? Vores programmør har forsøgt at gøre noget med billederne, men det resulterede i at billederne og logos blev placeret ud for forkerte selskaber og telefoner en gang imellem. Er der noget som skinner i øjnene og kan afhjælpes med forholdsvis simple metoder?

Sådan her udskriver jeres side, f.eks oversigten i bunden. Det fylder jeg ved ikke hvor mange linier (et linieskrift fylder 2 byte):

.

På parfume priser udskriver jeg menuen på en lang linie

I kan måske også lave noget cache styring. F.eks jeres telefoner i bunden. I stedet for hver sidevisning laver en database forespørgsel, så skal admin systemet ændres. Så hver der laves en ændring på en tlf i admin, så skrives HTML outputtet med det samme til en fil, som så inkluderes på alle siderne. Det er faktisk muligt at gøre med det meste af jeres data, så der næste ingen database forespørgsler er.... men det er også en større ændring :-)

Super med input! Jeg sender et link til denne tråd, når vores programmør er tilbage fra ferie

Du kan også kigge på CSS'en. "Telephone" udskrives lige så mange gange som der er telefoner. Lad os sige 9 x 250 = ca. 2 Kilobyte per side. Jeres kodestruktur ser sådan her ud

.telephone { css }

<div class="telephone">tlf</div>
 
<div class="telephone">tlf</div>

<div class="telephone">tlf</div>

Du fortæller at alle med class telephone skal styles på den beskrevne måde.

En bedre løsning vil være

div#telephone div { css }

<div id="telephone">
<div>tlf</div>
<div>tlf</div>
<div>tlf</div>
<div>tlf</div>
</div> 

Her fortælle du at alle <div> tags under div taget med id #telephone skal styles på den beskrevne måde

Og den bedste selvfølgelig, hvor du fjerner unødvendige mellemrum/linieskift. Da <a> tag kan styles som et <div> tag, gør det i dette tilfælde <div> tag ligegyldigt.

div#telephone a { css }

<div id="telephone">
<a>tlf</a><a>tlf</a><a>tlf</a><a>tlf</a>
</div> 

Så alene på den del kan du spare 5-8 Kilobyte HTML load.

Et linieskrift fylder. Det er småtings afdelingen, men når du alligevel er i gang med at optimere, så kan du jo lige så godt få det med. Det tager 2 sekunder at rette.

Med 5.000 sidevisninger om dagen, kan han fjerne 1 Kb i lineiskift pr sidevisning (det burde han kunne gøre alene på de links der er i bunden 4byte x 250tlf ). Det giver ca. 5 Mb data eller 1,7 Gb om året. Det er ren data optimering jeg kigger på. Hvordan det er best at kode/opsætte ens HTML/CSS struktur med henblik på browser rendering ved jeg ikke så meget om.

Jeg fandt dog dette link, som jeg vil kigge på 

EDIT: Der står faktisk mange gode ting derinde. 

Hej.

Hvis man tjekker siden i Page Speed og YSlow er der en del ting som forholdvis hurtigt kan rettes til. Heriblandt nedenstående:

• Komprimering af billeder. Mange af knapperne er f.eks. ikke komprimerede. Dette kan ordnes hurtigt på online tjenester såsom Smush.it eller PunyPNG.
• ETags kan hurtigt konfigureres i .htaccess.
• En del JavaScript filer kan flyttes fra header til footer, så de ikke blokerer andet indhold mens de hentes. Der findes ligeledes omkring 18 eksterne JS filer alene på forsiden, hvoraf en del formentlig kan kombineres for at minimere HTTP-forespørgsler.
• Mange af de statiske elementer, såsom knapper og lign. kan caches - da de formodentligt ikke ændres ofte.

Der er en lang række andre elementer som også kan optimeres. Husk at teste funktionaliteten hvis du f.eks. vælger at kombinere JS filer eller flytte dem fra headeren til footeren - da dette i nogle tilfælde gør at visse JS filer ikke er brugbare.

Håber det kunne bruges