CentralApp optimaliseert automatisch de paginaweergave, caching, afbeeldingen, lettertypes, het laden van code en de stabiliteit van de lay-out.
Deze optimalisaties zijn in het platform ingebouwd en vereisen geen handmatige configuratie.
Pagina’s worden snel weergegeven
CentralApp gebruikt server-side rendering (SSR) om de essentiële inhoud en opmaak van de pagina op zijn servers voor te bereiden voordat deze naar de browser worden verzonden.
Zo kan de browser nuttige inhoud beginnen weer te geven zonder te wachten tot de volledige JavaScript-applicatie is gedownload en uitgevoerd.
Elementen met een lagere prioriteit kunnen daarna geleidelijk worden geladen.
CentralApp gebruikt ook caching om te voorkomen dat dezelfde pagina’s onnodig meerdere keren worden gegenereerd.
Wanneer een pagina wordt gepubliceerd:
Kan een gegenereerde versie in de cache worden opgeslagen
Kan deze versie voor volgende bezoekers worden hergebruikt
Kan bij een wijziging een nieuwe versie op de achtergrond worden voorbereid
Kan de vorige versie tijdens deze voorbereiding beschikbaar blijven
Dit vermindert het benodigde serverwerk en zorgt voor consistente responstijden, ook wanneer de website veel verkeer ontvangt.
Afbeeldingen worden aangepast aan de bezoeker
Afbeeldingen vormen vaak een belangrijk deel van de totale omvang van een webpagina.
CentralApp optimaliseert automatisch de afbeeldingen die het platform ondersteunt om de hoeveelheid gegevens die de browser downloadt te beperken.
Afbeeldingen worden onder meer:
Waar mogelijk in WebP-formaat geleverd
In verschillende breedtes voorbereid
In een formaat geleverd dat bij het scherm van de bezoeker past
Met prioriteit geladen wanneer ze belangrijk zijn voor de eerste weergave
Uitgesteld geladen wanneer ze verder op de pagina staan
Zo wordt met name voorkomen dat een bezoeker met een kleiner scherm of een mobiele verbinding systematisch een afbeelding met een zeer hoge resolutie ontvangt.
Afbeeldingen verder op de pagina kunnen lazy loading gebruiken. Ze worden dan pas gedownload wanneer de bezoeker ze nadert.
Wanneer een externe videodienst wordt gebruikt, kan CentralApp waar mogelijk ook het laden van de videospeler uitstellen, zodat deze niet concurreert met de elementen die nodig zijn voor de eerste weergave van de pagina.
Lettertypes laden zonder de tekstweergave te blokkeren
Aangepaste lettertypes dragen bij aan de visuele identiteit van een website, maar het downloaden ervan kan de weergave van tekst ook vertragen.
CentralApp bereidt de nodige lettertype-informatie op de server voor en laadt de essentiële WOFF2-bestanden vooraf voor de weergegeven taal.
Andere tekensets worden alleen geladen wanneer ze nodig zijn.
Als een aangepast lettertype niet onmiddellijk beschikbaar is, kan de browser tijdelijk een vervangend lettertype tonen en het aangepaste lettertype toepassen zodra het klaar is.
Met deze techniek kunnen bezoekers de inhoud beginnen te lezen zonder te wachten tot alle lettertypes zijn geladen.
Alleen de noodzakelijke code wordt geladen
Een CentralApp-website kan veel pagina’s, functies en interface-elementen bevatten. Een bezoeker hoeft echter niet al die code te downloaden om één pagina te bekijken.
CentralApp verdeelt de applicatie daarom in verschillende codebundels.
Zo kan de browser:
Eerst de code downloaden die nodig is voor de huidige pagina
De code voor andere pagina’s afzonderlijk laden
Bepaalde functies alleen laden wanneer ze nodig worden
De hoeveelheid JavaScript beperken die tijdens het eerste laden moet worden gedownload en uitgevoerd
Deze aanpak, code splitting of lazy loading van JavaScript genoemd, beperkt het werk dat de browser bij het openen van een pagina moet uitvoeren.
CentralApp bereidt ook bepaalde verbindingen voor met diensten die nodig zijn om bronnen, lettertypes of media te laden.
Technieken zoals preconnect verkorten de tijd die nodig is om een verbinding tot stand te brengen wanneer een bron later moet worden gedownload.
Deze verbindingen worden echter selectief gebruikt, zodat ze niet concurreren met de bronnen die nodig zijn om de pagina weer te geven.
De lay-out blijft stabiel tijdens het laden
Een pagina kan snel laden en toch een slechte ervaring bieden als de inhoud tijdens het laden verschuift.
Wanneer een afbeelding bijvoorbeeld verschijnt zonder dat er ruimte voor is gereserveerd, kan de inhoud eronder plotseling naar beneden worden geduwd.
CentralApp reserveert automatisch ruimte voor bepaalde media en secties voordat hun definitieve inhoud wordt weergegeven.
Dit helpt onverwachte verschuivingen te beperken en tijdens het laden een stabiele lay-out te behouden.
Google meet deze stabiliteit onder meer met Cumulative Layout Shift (CLS), een van de Core Web Vitals.
Een goede CLS betekent dat bezoekers minder snel onverwachte verschuivingen zien terwijl ze de pagina bekijken of gebruiken.
Wat CentralApp automatisch beheert
CentralApp verzorgt rechtstreeks de belangrijkste technische optimalisaties:
Server-side rendering (SSR)
Caching
Optimalisatie en levering van afbeeldingen
Lazy loading van media
Vooraf laden van lettertypes
Aangepast laden van tekensets
Opsplitsing van JavaScript-code
Uitgesteld laden van bepaalde functies
Vooraf verbinding maken met bepaalde bronnen
Stabiliteit van de lay-out
De klant hoeft deze instellingen niet te configureren.
Wat de prestaties nog kan beïnvloeden
CentralApp optimaliseert het technische gedeelte waarover het controle heeft, maar inhoud die aan de website wordt toegevoegd en externe diensten kunnen de prestaties nog steeds beïnvloeden.
Bijvoorbeeld:
Veel afbeeldingen kunnen de hoeveelheid te downloaden gegevens vergroten
Video’s kunnen veel middelen vereisen
Interactieve kaarten kunnen code en externe verzoeken toevoegen
Reservatietools kunnen extra scripts laden
Analyse- en trackingoplossingen kunnen bronnen toevoegen
Externe widgets kunnen hun eigen laadgedrag hebben
Enkele goede praktijken helpen daarom om deze impact te beperken:
Gebruik alleen afbeeldingen die nuttig zijn voor de pagina of de gebruikerservaring.
Vermijd onnodig grote media. CentralApp optimaliseert de afbeeldingen die het ondersteunt, maar het blijft beter om met redelijk grote bronbestanden te beginnen.
Houd pagina’s doelgericht. Een pagina met een duidelijk doel is doorgaans eenvoudiger te bekijken.
Beperk externe diensten tot de tools die echt nodig zijn.
CentralApp kan het laadgedrag van een externe dienst niet volledig controleren.
Prestaties meten
Gebruik voor het meten van de prestaties van een CentralApp-website altijd de gepubliceerde openbare URL van de website.
De preview in de CentralApp-applicatie gebruikt een iframe om inhoud en ontwerp te controleren. Dit is niet de openbare URL van de website en mag daarom niet als prestatiebenchmark worden gebruikt.
Met Google PageSpeed Insights kunt u een gepubliceerde pagina onder gesimuleerde mobiele en desktopomstandigheden testen.
De tool gebruikt onder meer Lighthouse om laboratoriumtests uit te voeren en biedt naast de totaalscore verschillende prestatiestatistieken.
De resultaten kunnen van test tot test variëren, onder meer afhankelijk van:
De netwerkomstandigheden
De locatie van waaruit de test wordt uitgevoerd
De serverbelasting
De gesimuleerde browser en het gesimuleerde apparaat
De externe diensten op de pagina
Het is daarom beter om meerdere tests te vergelijken dan u op één score te richten.
Wanneer er voldoende gegevens beschikbaar zijn, zijn praktijkgegevens van Core Web Vitals ook bijzonder nuttig: ze weerspiegelen de ervaring van echte bezoekers.
De laboratoriumgegevens van Lighthouse blijven nuttig om een pagina onder gecontroleerde omstandigheden te analyseren en mogelijke technische problemen te identificeren.
Een goede website is meer dan een score
De ingebouwde optimalisaties van CentralApp zijn ontworpen om websites:
Snel te laten laden
Snel nuttige inhoud te laten tonen
Visueel stabiel te houden
Snel op interacties te laten reageren
Het werk van de browser te laten beperken
Geen enkel systeem kan echter voor alle pagina’s en onder alle omstandigheden een identieke Lighthouse- of PageSpeed-score garanderen.
De uiteindelijke prestaties hangen ook af van de pagina-inhoud, externe diensten, het apparaat en de verbinding van de bezoeker, en de omstandigheden waarin de test wordt uitgevoerd.
Een prestatiescore is daarom een diagnostisch hulpmiddel, geen absolute maatstaf voor de kwaliteit van een website.
Het belangrijkste doel blijft bezoekers in staat te stellen snel nuttige inhoud te zien, de pagina te begrijpen en ermee te interageren zonder onnodig wachten of verschuiven.
CentralApp neemt een groot deel van het technische werk voor zijn rekening dat nodig is om deze ervaring mogelijk te maken.