Web-site optimalisatie

Discussies en feedback m.b.t. Nederlands Bidprentjes Archief

Wilt U lid worden van het forum, laat het ons dan even weten via contact in NBA?

Moderators: uaf, Thea, Wim Janssen

Gebruikersavatar
Wim Janssen
Berichten: 15
Lid geworden op: 07 mar 2013, 16:15
Locatie: Helmond
Contacteer:

Web-site optimalisatie

Bericht door Wim Janssen » 19 jun 2015, 13:04

Web-site optimalisatie

Wij zijn voortdurend bezig met het verbeteren van de website. Soms zijn dingen direct zichtbaar naar de gebruikers van de website toe. Zoals bijvoorbeeld het verbeteren van de upload-routine onlangs. Maar soms zijn het ook dingen die niet direct zichtbaar zijn voor de gebruiker. Zoals het analyseren van website gebruik met als doelstelling de web-site gebruikersvriendelijk te maken bijvoorbeeld.

Een van die dingen die echt onzichtbaar blijven (als het goed is) is om de laadtijd van de site te verbeteren.
Daarmee bereiken we een aantal belangrijke zaken.
1. De server wordt aanzienlijk minder belast.
2. De pagina's worden sneller aan gebruikers getoond.

Een methode die erg behulpzaam is bij het optimaliseren van de website is Google PageSpeed Insights
Hier zien we dat de site momenteel een score van 93/100 heeft.
Dit wordt vooral bereikt door compressietechniek. Deze techniek is al jaren standaard in de meeste moderne browser ingebouwd. Maar nog relatief weinig toegepast.
Op websites zoals HTTP Compression Test kun je testen of een website/browser compressie ondersteund.
Natuurlijk wordt compressie ten behoeve van het reduceren van laadtijd al jaren gebruikt vanaf het prille begin van het Internet. Maar dan vooral in afbeeldingsbestanden. Een van de bekendste is de jpeg compressie bijvoorbeeld. Dit omdat we indertijd afhankelijk waren van 'trage' inbelmodems en een trage verbindingssnelheid hadden.
Kortom, hoe minder data er verzonden moet worden, hoe sneller de pagina geladen is en getoond kan worden aan de gebruiker van de site.
Maar de standaard HTML wordt vaak nog steeds ongecomprimeerd verzonden door de server. En dat terwijl HTML zich eigenlijk uitstekend leent voor compressie.
Dit allemaal waarschijnlijk omdat er ergens misschien nog iemand is die een PC heeft uit het jaar nul. Met Intenet Explorer 2.0 of zo die geen compressie ondersteund. Of gewoon gemakzucht van de ontwikkelaars. Het werkt dus wat zouden we er nog aan doen.

Hoe hebben wij compressie in NBA geïmplementeerd?

De NBA-site werkt hoofdzakelijk onder PHP. Die zorgt er op zich al voor dat er zo weinig mogelijk onnodige data wordt verzonden door de server.
Kijk bijvoorbeeld eens met de browser in de Bron-code van NBA
Afbeelding
Daar staat geen spatie te veel. Behalve in het stukje waar javascript is opgenomen.

Dit is een stukje bron-code uit startpagina.nl waar meteen opvalt dat er een hoop onnodige data wordt meegestuurd door de server.
Afbeelding
Dit is misschien voor de ontwikkelaar beter leesbaar, maar de gebruiker heeft daar echt geen boodschap aan.
Het mag duidelijk zijn dat het toepassen van compressie hier wonderen kan verrichten.

Web-sites die sneller laden zullen over het algemeen ook vaker en met meer plezier door gebruikers bezocht worden.
De NBA-website wordt op dit moment niet 'gehost' door een professionele provider, maar draait op een eenvoudig servertje bij ondergetekende. Het voordeel is dat ik geen enorme bedragen moet betalen voor hosting van onze web-site. Want wij gebruiken relatief veel schijfruimte en dat neemt elke maand toe. (7 a 8 GB) Een nadeel is dat mijn server geen enorme processorkracht heeft en en intern geheugen. Daarom is vooral ook onze aandacht gericht om dit te optimaliseren.

Uiteraard met als doelstelling U zo optimaal mogelijk van dienst te zijn.


Laatst omhoog gehaald door Wim Janssen op 19 jun 2015, 13:04.
Met vriendelijke groeten,
Wim Janssen
Plaats reactie