Functies

Elke functie is een schakelaar, met eigen uitzonderingen.

Celeris is een reeks losse schakelaars. Elke schakelaar kunt u veilig proberen, en elke schakelaar vertelt u wat hij verandert.

01

Paginacache

De webserver antwoordt. WordPress blijft slapen.

Bij een gewoon bezoek start PHP, laadt WordPress, bevraagt de database, voert uw thema en elke actieve plugin uit, en bouwt een HTML-pagina die identiek is aan die van een minuut geleden. Celeris schrijft die pagina één keer naar schijf en geeft uw webserver een regel om het bestand rechtstreeks terug te sturen.

In de praktijk betekent dat: uw reactietijd hangt niet meer af van hoeveel u geïnstalleerd hebt. Een website met dertig plugins en een met drie worden even snel uitgeleverd, want op een pagina uit de cache draait geen van beide.

  • Een aparte cache voor mobiel, zodat een telefoon nooit de desktopindeling krijgt.
  • Gzip en Brotli worden tegelijk met de HTML geschreven: tijdens een bezoek wordt er niets gecomprimeerd.
  • Gerichte leging — een bericht publiceren leegt dat bericht, zijn archieven en de startpagina, niet uw hele website.
  • Winkelwagen, afrekenen, account en elke pagina met een ingelogde bezoeker worden nooit uit de cache uitgeleverd.
  • Het voorladen loopt uw sitemap door, zodat niet de eerste echte bezoeker de opbouw betaalt.
ZONDER CELERISverzoekPHP startWordPress laadtdatabase bevraagdHTML opgebouwd640 msMET CELERISverzoekhet bestand wordt teruggestuurdPHP start nooit38 msGemeten op gedeelde hosting, WordPress 6.8, twintig actieve plugins.

02

Gebruikte CSS

Alleen de regels die de pagina echt nodig heeft.

Een stylesheet van een thema wordt in één keer voor alle pagina's van de website geschreven. Eén pagina gebruikt daar een klein deel van, en de browser moet het geheel toch downloaden en verwerken voordat hij iets kan tekenen. Celeris analyseert elke pagina op de achtergrond, sluit de regels in die ze echt gebruikt en laadt de rest na de weergave.

De analyse draait op uw eigen server, op basis van de HTML die uw website produceert: daarvoor wordt geen enkele pagina ergens heen gestuurd. De optionele dienst voor kritieke CSS is de enige uitzondering, en zegt dat ook — die vraagt onze renderer de openbare URL te openen die u opgeeft, en stuurt de stijlen voor het eerste scherm terug.

  • Eén resultaat per sjabloon, niet per URL: duizend berichten delen één analyse.
  • Klassen die JavaScript toevoegt, kunt u met een veiligheidslijst behouden, per selector of per patroon.
  • Alles waarover de analyse twijfelt, blijft behouden: een ontbrekende stijl is erger dan een kilobyte extra.
  • Zet het uit en de oorspronkelijke stylesheets zijn er bij de volgende pagina weer.
STYLESHEET VAN HET THEMA318 KBINGESLOTEN IN DE HEAD11 KBDe rest laadt na de weergave, zonder het eerste tekenen te blokkeren.

03

Vertraagde scripts

Derden wachten tot er echt iemand is.

Statistieken, chatwidgets, ingesloten kaarten en pixels laden bij elk bezoek, meestal nog vóór uw eigen inhoud. Ze vechten om dezelfde verbinding en dezelfde hoofdthread, en ze zijn de belangrijkste reden dat een goed gebouwde pagina toch traag aanvoelt.

Celeris houdt ze tegen tot het eerste scrollen, tikken of toetsaanslag. Wie na twee seconden weggaat, laadt ze nooit; wie blijft, krijgt ze een fractie van een seconde na het aanraken van de pagina, en merkt er niets van.

  • Een lijst met de bekende namen zit erbij; voeg de uwe toe op scriptnaam of op domein.
  • Uw eigen scripts worden uitgesteld in plaats van vertraagd, zodat niets wordt tegengehouden dat de pagina tekent.
  • Ingesloten video's van YouTube en Vimeo worden vervangen door hun miniatuur en laden bij een klik.
  • jQuery en alles wat ervan afhangt, kunt u met één schakelaar uitzonderen als een thema erop staat.
TIJDLIJN VAN HET LADENeerste weergaveeerste interactieHTML van de paginaingesloten CSSstatistiekenlivechatingesloten kaartScripts van derden wachten op scrollen, een tik of een toets.

04

Afbeeldingen

Het lichtste formaat dat de bezoeker kan lezen.

Afbeeldingen vormen meestal het grootste deel van het gewicht van een pagina en zijn het makkelijkst op te lossen. Celeris maakt WebP- en AVIF-versies van wat al in uw mediabibliotheek staat, laat het origineel ongemoeid en levert de versie uit die de browser accepteert.

Het lost ook de twee dingen op die een pagina laten springen tijdens het laden: afbeeldingen zonder opgegeven afmetingen, en afbeeldingen verderop die laden voordat iemand ernaartoe scrolt.

  • De omzetting draait op de achtergrond, een paar bestanden tegelijk, en kan gestopt en hervat worden.
  • Originelen worden nooit verwijderd: zet u de functie uit, dan geldt precies het vorige gedrag weer.
  • Ontbrekende breedte en hoogte worden aan de code toegevoegd, en dat is wat het verspringen van de indeling wegneemt.
  • De eerste afbeelding van de pagina is uitgezonderd van uitgesteld laden, want dat is meestal degene die gemeten wordt.
DEZELFDE AFBEELDING, DRIE FORMATENJPEG420 KBWebP268 KBAVIF176 KBbreedte en hoogte aangevuldgeladen zodra ze in beeld komt

05

Ingebouwde metingen

Cijfers van uw website, niet uit een folder.

Elke optimalisatieplugin belooft een resultaat. Celeris klokt uw eigen pagina's met de cache uit en daarna met de cache aan, en toont u beide cijfers naast elkaar in uw dashboard. Verandert een schakelaar niets op uw website, dan ziet u dat ook.

Hetzelfde scherm bewaart de geschiedenis, zodat een vertraging door een nieuwe plugin of een update van het thema zichtbaar wordt als een lijn die verschoven is, en niet als het vage gevoel dat de website zwaarder geworden is.

  • Reactietijd per pagina gemeten, met en zonder, op uw eigen server.
  • PageSpeed-scores voor en na opgehaald, als u een sleutel opgeeft.
  • Een scherm met aanbevelingen somt op wat nog uitstaat, gerangschikt op wat het echt zou opleveren.
  • Alles blijft op uw website: geen dashboard om op in te loggen, geen gegevens bij ons.
VOOR EN NA, OP UW EIGEN PAGINA'Sstartpagina300 ms34 msblogbericht356 ms41 msproduct268 ms39 mscategorie322 ms36 msElke pagina wordt twee keer geklokt: cache uit, daarna cache aan.

06

Server en CDN

Eén keer opslaan, elke laag geleegd.

Een pagina in de cache is alleen snel als de server weet hoe hij die moet uitleveren, en alleen juist als elke laag haar op hetzelfde moment vergeet. Celeris schrijft de Apache- en LiteSpeed-regels voor u, en geeft u het Nginx-blok om te plakken wanneer PHP achter Nginx draait.

Wordt een bericht opgeslagen, dan wordt de leging naar buiten doorgegeven: de lokale bestanden, dan Varnish als uw hoster die gebruikt, dan Cloudflare of het CDN dat u opgeeft. Alleen de gewijzigde pagina's worden geleegd.

  • Apache- en LiteSpeed-regels worden geschreven en automatisch actueel gehouden.
  • Een Nginx-blok klaar om te plakken, met het pad al ingevuld.
  • Zonder toegang tot de server werkt de cache nog steeds via PHP, dat WordPress al overslaat.
  • Statische bestanden kunnen worden herschreven naar de hostnaam van uw CDN, met uw eigen uitzonderingen.
WAAR DE LEGING HEEN GAATCeleriseen bericht wordt opgeslagenwebserverApache, Nginx, LiteSpeedVarnishcache van de hosterCloudflareen uw CDNEén keer opslaan, elke laag geleegd — en alleen de gewijzigde pagina's.

Gebruikte CSS

Elke pagina wordt op de achtergrond geanalyseerd: alleen de stijlen die zij gebruikt staan in de pagina, de rest laadt zonder de weergave te blokkeren.

Uitgestelde scripts

Trackers, chats en kaarten starten pas bij de eerste interactie. Al het andere wordt uitgesteld tot na de weergave.

Afbeeldingen

Laden op verzoek, ontbrekende afmetingen aangevuld, WebP en AVIF gemaakt en uitgeleverd, YouTube en Vimeo vervangen door hun voorbeeldafbeelding.

Ingebouwde metingen

Responstijd met en zonder Celeris, PageSpeed-scores voor en na, rechtstreeks vanuit uw WordPress-dashboard.

Server en CDN

Apache-regels worden voor u geschreven, een Nginx-blok ligt klaar, het legen wordt doorgegeven aan Varnish en Cloudflare, herschrijving naar uw CDN.