Een klant vertelde me dat hij dit Wix-template mooi vond. Een perfecte kans om hem mijn kant-en-klare websites concept te verkopen.

Het Wix template dat hij uitgekozen had bleek te bestaan uit slecht geschreven code zonder fatsoenlijk CMS. Om zo’n ontwerp bruikbaar te maken moet je alle code volledig herschrijven. En dat is precies wat ik heb gedaan. Bekijk het resultaat!

Het verschil tussen het originele template en de remake? Javascript is 300(!) keer kleiner, HTML 80 keer kleiner en de lettertypen zijn 3 keer kleiner. De totale page load van het eerste bezoek aan de remake is minder dan 1 MB, terwijl het origineel bijna 30 MB was.

	Wix	Remake
Javascript	10+ MB	0.03 MB
HTML	0.97 MB	0.01 MB
Lettertypen	0.06 MB	0.02 MB
CSS	0.00 MB	0.01 MB

Kun je je voorstellen wat deze verbetering doet voor laadsnelheden, SEO en de gebruikerservaring? En het beste moet nog komen: de remake heeft Lenis smooth scroll en een carrousel die je kunt slepen, wat het origineel niet had.

Als je deze twee templates test op een gewone 4G-verbinding, laadt de remake binnen 1,2 seconden, terwijl het origineel er bijna een volle minuut over doet. Hij doet het dus gewoon niet op 4G. Het spreekt voor zich dat na 30 seconden wachten alle potentiele klanten al vertrokken zijn.

Twee visueel identieke webpagina’s, maar met compleet andere code en compleet andere laadtijden. Voel je het verschil? Google in ieder geval wel…

Ik vind dat het Wix verboden zou moeten worden om dit soort code op te leveren, omdat ze daarmee ernstige schade veroorzaken bij hun nietsvermoedende klanten.

()  Joost van der Schee