Leverage browser caching

[Gast GuyVerschuere]

Ik ben bezig de code van mijn websites te optimaliseren zodat deze zo snel mogelijk geladen worden.

Ik gebruik daarvoor de firefox plugin firebug samen met page speed.

Een van de dingen die aanbevolen wordt is 'Leverage browser caching'

Iemand een idee hoe ik dat precies moet aanpakken?

Alvast bedankt!

Leverage browser caching
The following cacheable resources have a short freshness lifetime. Specify an expiration at least one week in the future for the following resources:

   * http://www.belstat.be/img/belcounter_yellow.gif (expiration not specified)
   * http://www.cindyenguy.be/headerimage/headerimage.php (expiration not specified)
   * http://www.cindyenguy.be/wp-content/2010/10/Blue-740x566.png (expiration not specified)
   * http://www.cindyenguy.be/wp-content/2010/10/Fireshot-416x7401.png (expiration not specified)
   * http://www.cindyenguy.be/wp-content/themes/techland-10/images/containerbg.gif (expiration not specified)
   * http://www.cindyenguy.be/wp-content/themes/techland-10/images/header.jpg (expiration not specified)
   * http://www.cindyenguy.be/wp-content/themes/techland-10/images/spriteme1.png (expiration not specified)
   * http://www.cindyenguy.be/wp-content/themes/techland-10/style.css (expiration not specified)
   * http://www.cindyenguy.be/wp-includes/images/smilies/icon_smile.gif (expiration not specified)
   * http://pagead2.googlesyndication.com/pagead/show_ads.js (1 hour)
   * http://pagead2.googlesyndication.com/pagead/abglogo/abg-nl-100c-ffffff.png (1 day)
   * http://pagead2.googlesyndication.com/pagead/expansion_embed.js (1 day)
   * http://pagead2.googlesyndication.com/pagead/images/i.png (1 day)
   * http://pagead2.googlesyndication.com/pagead/js/abg.js (1 day)
   * http://pagead2.googlesyndication.com/pagead/js/graphics.js (1 day)
   * http://pagead2.googlesyndication.com/pagead/sma8.js (1 day)
   * http://www.google-analytics.com/ga.js (1 day)

[leroy]

Ik ben hier niet super bekend mee, maar hoe snel wil je je browser inladen? Ik heb een beetje gekeken wat de 'leverage browser caching' inhoud. Dit gaat vooral om statische dingen.

Plaatjes (jpeg, bmp, etc)

* CSS-files

* Flash-files

* PDF-files

* etc.

Deze bestanden worden zo goed als direct ingeladen (aantal miliseconden). HTML code wordt in dit geval niet als statische code gezien. De HTML code zal dus elke keer opnieuw ingeladen moeten worden.

wordt jouw website dagelijks geupdate lijkt mij dit niet slim om te gebruiken.

Voorbeeld:

heeft jouw website nieuwsitems die ingeladen worden via RSS feed of iets dergelijks worden deze pas 'herladen' als de browser aangeeft dat de RSS feed die op jouw website staan ouder is als 1 dag of 1 week etc.

Als jouw website bijna alleen maar statische informatie betreft, (nooit tot bijna nooit veranderd), dan lijkt mij dit wel iets slimmer om te gebruiken.

Qua snelheid zul je denk ik bijna niets merken, omdat de bestanden die de browser dan inlaad uit zichzelf (CSS, etc) niet zo heel groot zijn.

Ik denk zelf dat je een verschil zult zien van een paar miliseconden (ligt eraan hoe je je code hebt opgebouwd).

Je ogen knipperen duurt ongeveer 250 miliseconden (dit is een kwart van een seconde). Je statische code (CSS etc) is door de browser al binnen die tijd ingeladen als het iedere keer van de server vandaan gehaald moet worden.

Ik zou deze functionaliteit eerlijk gezegd alleen toepassen wanneer de inhoud van de opgevraagde pagina zo goed als altijd identiek is aan elkaar.

Zo zou het bijvoorbeeld kunnen zijn dat jij een stukje bij programmeert en de CSS word 1x in de week ingeladen. Zo zal de opmaak van je website er niet goed uitzien omdat de stijl niet bijgewerkt kan worden.

Mocht je toch hiervan gebruik willen maken, heeft het denk ik met META-tags te maken.

hier een linkje naar google (link)

Je vindt op deze pagina ook een link naar wikipedia (link). Hier staat welke meta-tag je (denk ik) nodig hebt (zoek naar 'expires').

Hiermee kun je een datum ingeven wanneer de inhoud van een bepaalde pagina opnieuw van de server gehaald mag worden. (oftewel een website offline beschikbaar maken voor een bepaalde tijd).

Ik hoop dat je hier genoeg informatie mee hebt,

Groeten,

Leroy