Stel, je bent een techbedrijf. Dan wil je toch zelf de meest snelle en geoptimaliseerde website van de wereld hebben? Dankzij een knap staaltje techniek is dat bij ons ook gelukt 😀. Dharma.nl scoort op het moment van schrijven volgens Google een 99 uit 100 punten. Hoe tof is dat? Dat moet je toch ook willen?
Dharma.nl is altijd al een speeltuin geweest voor onze developers. Een digitale omgeving waar webontwikkelaars ‘carte blanche’ hebben om nieuwe technieken toe te passen. We maken altijd al gebruik van het welbekende WordPress CMS, maar dan wel op onze eigen manier. In 2021 creëerden we een headless set-up van WordPress in combinatie met een React front-end. Dit gaf ons toen veel vrijheid om dingen precies te bouwen zoals wij dat wilden en we lanceerden een geheel nieuwe huisstijl met toffe visuals.
Dharma is altijd in ontwikkeling, zo ook dharma.nl. Onlangs hebben Jaimy en Sherick de site gemigreerd naar nog veiligere en snellere technieken, met een enorme boost in performance als resultaat.
De overstap naar Next.js
Traditionele websites werken op basis van client-side rendering (CSR). Dat betekende dat bij elke bezoeker de complete JavaScript-code moet worden geladen en de pagina zelf moet renderen. Stel je voor dat je bij ieder bezoek aan een huis zelf de stenen moet gaan verzamelen en de muren moet bouwen – niet bepaald de soepelste ervaring.
Door over te stappen op Next.js hebben we server-side rendering (SSR) geïmplementeerd. Nu staat ons “huis” er al voordat iemand arriveert. Bezoekers hoeven alleen maar door de deur te lopen en kunnen meteen gebruik maken van een volledig ingerichte woning. Deze architecturale verandering maakt onze website supersnel en responsief.
Naast de overstap naar Next.js hebben we bijvoorbeeld code splitting, CSS opschoning en image lazy loading toegepast. Al deze maatregelen dragen bij aan de razendsnelle laadtijden en fantastische gebruikerservaring.
‘Deze architecturale verandering maakt onze website supersnel en responsief’
Google Lighthouse-inspectie 🕵️♂️💡
Binnen Dharma hebben we een nieuw doel gesteld. Voor al onze projecten een Google Lighthouse-score van minimaal 90 behalen. Te beginnen bij Dharma.nl. Een score van 90 of hoger kun je vergelijken met een A+ energielabel voor je huis. Lighthouse kun je zien als de ultieme bouwkundige inspecteur die alles grondig checkt, van performance tot toegankelijkheid en SEO.
Toen we begonnen met de overstap naar Next.js, scoorden we ergens rond de 40. Maar na de succesvolle voltooiing van de Next.js-migratie zijn we trots te melden dat we nu een score van 99 hebben! Onze website is nu bliksemsnel, gebruiksvriendelijk en technisch sterk.
Benut de kracht van SSR
Met onze Next.js-migratie en uitgebreide optimalisaties hebben we onze online aanwezigheid volledig getransformeerd. Van een eenvoudige constructie naar een modern, uitnodigend digitaal thuis. De server-side rendering en andere maatregelen zorgen ervoor dat bezoekers een razendsnel ervaren maar het heeft ook andere voordelen. Het is namelijk ook heel goed voor je SEO resultaten.
SSR maakt het namelijk gemakkelijker voor zoekmachines zoals Google om de content van een pagina te lezen en te indexeren. Crawlers van zoekmachines hebben namelijk soms moeite met het verwerken van JavaScript-gebaseerde content (zoals bij client-side rendering of CSR). Snelheid is ook een belangrijke factor voor SEO, omdat Google en andere zoekmachines hogere scores geven aan pagina’s die snel laden. Pagina’s met SSR scoren dus vaak beter doordat de gebruiker sneller toegang krijgt tot de content.
Als je je website wilt opkrikken, je SEO wilt boosten en een fantastische gebruikerservaring wilt bieden, dan gaan we graag met je aan de slag. Ons team van developers helpt je met de overstap naar Next.js en het benutten van de kracht van SSR.
Wil je meer weten over SSR?
Mail ons dan op hello@dharma.nl
Meer verhalen
