Ik heb onlangs de website geupdate. Vanaf nu wordt er gebruik gemaakt van jQuery. jQuery is een javascript bibliotheek die het gebruik van geavanceerde javascript toegankelijker maakt bij het ontwikkelen van een website. De website maakte eerst gebruik van de Ajax Control Toolkit, maar daar wilde ik vanaf.
De reden om de Ajax Control Toolkit te vervangen door jQuery had verschillende redenen. Ten eerste is mijn voorkeur op jQuery gevallen, omdat het lekker flexibel is en volledig client side werkt. Het is tevens eenvoudig te doorgronden. Ten tweede wilde ik af van alle onder andere door de Ajax Toolkit gegenereerde 'webresource.axd' bestanden. Dit waren er vaak best veel en het nadeel is dat ze niet of nauwelijks gecomprimeerd kunnen worden. Uiteindelijk wil ik op mijn pagina's GZip toepassen, om zo het data verkeer tussen de webserver en de browser van de bezoeker te beperken, wat snelheidswinst oplevert.
Welke functionaliteit is er inmiddels vervangen op de website:
- De nieuws items op de homepage zijn nu volledig clickable middels een overlay
- Er kan nu een stem gedaan worden op elk nieuwsitem. Een ajax call naar de webserver slaat de stem op
- De slideshow is vervangen door een jQuery variant
- Lightbox is vervangen door prettyPhoto
- De Ajax Toolkit popup is vervangen door een jQuery popup
Er wordt gebruik gemaakt van jQuery versie 1.4.2. De volgende plugins worden gebruikt:
Alle javascript bestanden zijn geminified en worden door een .Net Http handler aangeboden, om zo het aantal requests naar de webserver te beperken.
Wat ik nu nog wil vervangen is de validatie logica achter de web forms. Ook hiervoor wil ik jQuery gebruiken, zodat ook de laatste webresource bestanden niet meer nodig zijn. Pas dan kan ik de output van de webserver gecomprimeerd aan de browser aanbieden.
Als dit laatste is gebeurd, is de website volledig jQuery ready.
Doordat alle stylesheets en alle javascript wordt geleverd door een http handler, kan het zijn dat de site hier en daar wat gebreken vertoont, doordat de inhoud van de handler gecached wordt. In dat geval is het aan te raden de browser cache voor de site te releasen. Dit kun je doen met een 'harde' refresh: CTRL + F5.
Ik hoop dat je de wijzigingen leuk vindt.