Website sneller gemaakt

Je werkt aan je website en op een gegeven moment merk je dat die niet zo snel meer is. Waardoor is dat gekomen? Ja, dan wordt het lastiger, dan moet je stap voor stap in gedachten terug gaan naar het moment waarop dat veranderd is. Dat is niet altijd even helder. Je kunt ook door het aan- en uitzetten van onderdelen bepalen of die dat veroorzaken. Gelukkig viel een reden voor de oorzaak in dit geval meteen op. In de nieuwe lay-out van de website gebruik ik grotere foto’s. Om tegen te gaan dat een pagina te zwaar wordt om redelijk te laden had ik een mechanisme ingebouwd dat Lazy-load heet.

Hoe kan nu iets dat Lazy-load heet een website versnellen. Aan de naam zou je zeggen dat het de boel vertraagd. Toch klopt de naam. Lazy-load zorgt er voor dat foto’s mooi op hun kont op de bank blijven zitten tot ze nodig zijn. Ze zijn pas nodig als ze in beeld zijn, een foto die onder aan een pagina staat en nog niet in beeld is hoeft ook net geladen te worden. Nu zat er een lazy-load op de website die werkte met Java script, op het moment van laden zag je op de plek van de foto een mooi wieltje draaien om aan te geven dat de foto werd geladen. Wat je dan vaak merkt is dat je meer het draaien van het wieltje ziet dan de foto. Dat kon dus niet de bedoeling zijn. Nu kon ik het wieltje uit zetten maar daar werd de foto weer niet sneller van geladen. Er waren zwaardere maatregelen nodig.

Ik heb er nu een script in gezet die zonder zware Javascipt bibliotheken werkt en daardoor maar zeer klein is en ook veel sneller laad. Alle poespas zoals rond draaiende wieltjes zitten er niet meer in. Dit heeft alles zeer snel gemaakt. Zelf zo snel dat ik eerst twijfelde of de code wel werkte. Dit was alleen te meten met speciaal daarvoor gemaakte websites zoals Pingdom. Deze gaf de versnelling aan die nooit bereikt had kunnen worden zonder deze techniek.

Nu het belangrijkste, ik hoop dat het jullie plezier verhoogt in het bekijken van deze website.

2 gedachten over “Website sneller gemaakt

Geef een reactie

Het e-mailadres wordt niet gepubliceerd. Vereiste velden zijn gemarkeerd met *