Artikelen met tag ‘Optimalisatie’


Woensdag, Mei 20, 2009

HTTP Requests

requestsNog een heel belangrijk item op de optimalisatie check-list is het aantal HTTP Requests of Objecten. Met een HTTP Request wordt een connectie naar een object bedoeld wat los staat van de HTML code. Dit kan bijvoorbeeld een CSS bestand zijn, maar ook afbeeldingen of externe JavaScripts vallen hieronder. Eigenlijk dus alles wat buiten je HTML bestand valt en “ge-include” wordt in je code. HTTP Requests werken als een bottleneck voor alle browsers vandaag de dag. Hoe meer objecten, hoe slomer je site wordt.

Dit komt omdat browsers de beperking hebben maximaal 3 objecten (1 object per connectie) gelijktijdig te kunnen downloaden. Dus iedere keer als er een JavaScript, CSS file of Image moet worden gedownload op je website wordt er hiervoor 1 van de 3 beschikbare connecties gebruikt. Hoe minder objecten (HTTP Request), hoe sneller je website zal laden. Denk hier dus aan bij het bouwen van je website, want deze regel geldt ook voor images die in CSS gebruikt worden. Iedere keer als je dus een background image gebruikt zul je je dus af moeten vragen of je niet beter met HTML kleuren kan werken. (more…)

Donderdag, Januari 29, 2009

Website Performance Optimalisatie - Tools

Website OptimalisatieWebsite Optimalisatie, maar dan met praktische tips waar je wat aan hebt in plaats van die blabla-adviezen van mensen die alleen de theorie kennen. Dit is de eerste uit een reeks artikelen, ik hoop dat je er wat aan hebt.

Vandaag de dag zijn er diverse manieren om een website te analyseren, je kunt hierbij denken aan programmatuur welke kijkt hoe groot je website is en je vervolgens advies geeft op welke gebieden verbeteringen moet maken. Naast analyse tools zijn er bijvoorbeeld ook code-crunchers/optimizers (deze maken je code effectiever of comprimeren deze), de image optimizers (deze maken je images compacter) en de geintegreerde tools voor je webserver (zoals Apache Bench die de complete traffic bekijkt en in staat is om stress tests uit te voeren).

Ikzelf maak vaak gebruik van browser-tools om een site te analyseren zodat je snel een beeld krijgt van de bottlenecks in de website (dit is hoofdzakelijk grafisch en codetechnisch). (more…)