Duurzame, snelle en veilige website RAI Vereniging

Met de voormalige website op het Bloomreach CMS werden we gevraagd de website in een nieuw technisch en grafisch jasje te steken. De huidige website bestond immers al meer dan 10 jaar, waardoor het visueel niet meer in het huidige tijdgeest paste.

Met de omvang van de RAI website en de verschillende secties werd het echter vooral een mantel, in plaats van een jasje. En dus zag het projectmanagement er hier anders uit.

Onderzoek en projectmanagement

Met digitaal bureau Awesum zijn we de voorgesprekken aan gegaan. Awesum heeft de verschillende ontwerpen voor verschillende type pagina's uitgewerkt, zoals:

homepagina
homepagina per sectie
nieuwspagina (en overzicht)
evenementenpagina (en overzicht)
dossierpagina (en overzicht)
et cetera.

Alhoewel verschillende componenten terug kwamen, had elke pagina ook een eigen herkenbare stijl.

CMS maatwerk

We kwamen op basis van ontwerpen en vereisten ook in deze case niet onder maatwerk uit. Bijvoorbeeld voor:

leden registratie en login;
de verschillende componenten dat centraal of vanuit het CMS aangestuurd moest worden, zoals gerelateerde cases en berichten, of contactpersonen;
en het afschermen van zowel tekstpagina's als ook PDF bestanden. Dat moest logischerwijs dusdanig gebeuren dat men ook via rechtstreekse verwijzingen niet ongemachtigd bij documenten kan komen.

Pagespeed en Core Web Vitals

De algehele pagespeed score ging van 65% naar 97%:

De verbeterde website pagespeed metrics

First Contentful Paint
De 1.6 seconden FCP ging naar 1.4 seconden.
Speed Index
van 3.5 naar 1.7 seconden;
Largest Contentful Paint
van 7.9 naar 2.4 seconden;
Time to Interactive
van 7.6 naar 2.6 seconden;
Total Blocking Time
van 210ms naar 50ms;
Cumulative Layout Shift
van 0.003 naar 0.

Core Web Vitals verbeteringen

Oudere sites bevatten veelal minder complexiteit. En dat was in dit geval exact de reden waarom de huidige website goed mee kwam met de Core Web Vitals.

Toch liet openbare mobiele data verbeteringen zien. Om te beginnen bij de TTFB. De TTFB betreft de server response tijd inclusief DNS lookup, HTTPS en zelfs redirects. En alhoewel een verbetering van 885ms naar 567ms op het oog niet veel lijkt, is het toch een forse verbetering. Sterker, het is een verbetering van 36%.

Minstens zo opvallend is dat veel meer mensen een goede ervaring hebben gehad. Voorheen was dat 67.6%, sinds de migratie naar ons Lightbolt CMS is dat 92.5%.

Naar de FCP toe werd het gat alweer kleiner. Gewoonweg omdat er binnen browser veel huiswerk moet afhandelen. De verbetering naar TTFB zal als gevolg nooit één op één hetzelfde zijn naar andere pagespeed metrics als FCP en LCP.

Deze metrics zagen toch nog de volgende mobiele verbetering:

de FCP van 1.28 seconden naar 0.86 seconden. Een 32.8% verbetering;
de LCP ging van 1.8 naar 0.99. Een 45% verbetering.

Dezelfde hoeveelheid mensen bleven in de groene groep binnen deze 2 metrics. Met andere woorden: de voorgaande Bloomreach website presteerde reeds binnen Google's Core Web Vitals grenzen. Terwijl 90% van de bezoekers dus ook voorheen al een goede ervaring had, is die ervaring zelf vooral beter geworden.