Funzionalità

Ogni funzione è un interruttore, con le proprie esclusioni.

Celeris è un insieme di interruttori indipendenti. Ognuno si può provare senza rischi, e ognuno vi dice che cosa cambia.

01

Cache delle pagine

Risponde il server web. WordPress resta addormentato.

In una visita normale PHP si avvia, carica WordPress, interroga il database, esegue il vostro tema e ogni plugin attivo, e costruisce una pagina HTML identica a quella costruita un minuto fa. Celeris scrive quella pagina su disco una volta sola e dà al vostro server web una regola per restituire il file direttamente.

L'effetto pratico è che il vostro tempo di risposta smette di dipendere da quanto avete installato. Un sito con trenta plugin e uno con tre vengono serviti alla stessa velocità, perché su una pagina in cache non ne gira nessuno.

  • Una cache separata per il mobile, così un telefono non riceve mai l'impaginazione da scrivania.
  • Gzip e Brotli vengono scritti insieme all'HTML: durante una visita non si comprime nulla.
  • Svuotamento mirato — pubblicare un articolo svuota quell'articolo, i suoi archivi e la home page, non tutto il sito.
  • Carrello, pagamento, account e ogni pagina con un visitatore autenticato non vengono mai serviti dalla cache.
  • Il precaricamento percorre la vostra sitemap, così non è il primo visitatore reale a pagare la costruzione.
SENZA CELERISrichiestaPHP si avviaWordPress si caricadatabase interrogatoHTML costruito640 msCON CELERISrichiestail file viene restituitoPHP non si avvia mai38 msMisurato su un hosting condiviso, WordPress 6.8, venti plugin attivi.

02

CSS utilizzato

Solo le regole di cui la pagina ha davvero bisogno.

Un foglio di stile di un tema è scritto per tutte le pagine del sito insieme. Una singola pagina ne usa una piccola parte, e il browser deve comunque scaricarlo e analizzarlo per intero prima di poter disegnare qualcosa. Celeris analizza ogni pagina in background, incorpora le regole che usa davvero e carica il resto dopo la visualizzazione.

L'analisi gira sul vostro server, a partire dall'HTML che il sito produce: per questo nessuna pagina viene inviata da nessuna parte. Il servizio opzionale di CSS critico è l'unica eccezione, e lo dichiara — chiede al nostro motore di rendering di aprire l'URL pubblico che gli indicate, e restituisce gli stili della prima schermata.

  • Un risultato per modello, non per URL: mille articoli condividono una sola analisi.
  • Le classi aggiunte da JavaScript si possono conservare con una lista di sicurezza, per selettore o per schema.
  • Tutto ciò di cui l'analisi non è certa viene conservato: uno stile mancante è peggio di un kilobyte in più.
  • Disattivatelo e i fogli di stile originali tornano al caricamento successivo.
FOGLIO DI STILE DEL TEMA318 KBINCORPORATO NELL'HEAD11 KBIl resto si carica dopo la visualizzazione, senza bloccare il primo disegno.

03

Script ritardati

Le terze parti aspettano che ci sia davvero qualcuno.

Statistiche, widget di chat, mappe incorporate e pixel vengono caricati a ogni visita, di solito prima dei vostri contenuti. Si contendono la stessa connessione e lo stesso thread principale, e sono il motivo principale per cui una pagina ben costruita sembra comunque lenta.

Celeris li trattiene fino al primo scorrimento, tocco o tasto. Chi se ne va dopo due secondi non li carica mai; chi resta li riceve una frazione di secondo dopo aver toccato la pagina, e non se ne accorge.

  • Viene fornita una lista dei soliti noti; aggiungete i vostri per nome di script o per dominio.
  • I vostri script vengono differiti anziché ritardati, così non viene trattenuto nulla che disegni la pagina.
  • I video YouTube e Vimeo incorporati vengono sostituiti dalla loro miniatura e si caricano al clic.
  • jQuery e tutto ciò che dipende da esso si possono escludere con un solo interruttore, quando un tema lo pretende.
CRONOLOGIA DEL CARICAMENTOprimo disegnoprima interazioneHTML della paginaCSS incorporatostatistichechat dal vivomappa incorporataGli script di terze parti aspettano uno scorrimento, un tocco o un tasto.

04

Immagini

Il formato più leggero che il visitatore sa leggere.

Le immagini sono di solito la maggior parte del peso di una pagina e la cosa più facile da sistemare. Celeris genera versioni WebP e AVIF di ciò che è già nella vostra libreria, lascia intatto l'originale e serve quella che il browser accetta.

Sistema anche le due cose che fanno saltare una pagina mentre si carica: le immagini senza dimensioni dichiarate e quelle più in basso che si scaricano prima che qualcuno ci arrivi.

  • La conversione gira in background, pochi file alla volta, e si può interrompere e riprendere.
  • Gli originali non vengono mai cancellati: disattivando la funzione torna esattamente il comportamento precedente.
  • La larghezza e l'altezza mancanti vengono aggiunte al codice, ed è questo che elimina lo spostamento del layout.
  • La prima immagine della pagina è esclusa dal caricamento differito, perché di solito è quella che viene misurata.
LA STESSA IMMAGINE, TRE FORMATIJPEG420 KBWebP268 KBAVIF176 KBlarghezza e altezza compilatecaricata quando entra nello schermo

05

Misurazioni integrate

Numeri del vostro sito, non di un dépliant.

Ogni plugin di ottimizzazione promette un risultato. Celeris cronometra le vostre pagine con la cache spenta, poi accesa, e vi mostra entrambi i valori affiancati nella bacheca. Se un interruttore non cambia nulla sul vostro sito, vedrete anche questo.

La stessa schermata conserva lo storico, così un rallentamento causato da un plugin nuovo o da un aggiornamento del tema appare come una curva che si è mossa, e non come la vaga sensazione che il sito sia diventato più pesante.

  • Tempo di risposta misurato pagina per pagina, con e senza, sul vostro server.
  • Punteggi PageSpeed recuperati prima e dopo, se fornite una chiave.
  • Una schermata di raccomandazioni elenca ciò che è ancora spento, in ordine di guadagno reale.
  • Tutto resta sul vostro sito: nessuna bacheca a cui accedere, nessun dato conservato da noi.
PRIMA E DOPO, SULLE VOSTRE PAGINEhome300 ms34 msarticolo356 ms41 msprodotto268 ms39 mscategoria322 ms36 msOgni pagina viene cronometrata due volte: cache spenta, poi accesa.

06

Server e CDN

Un salvataggio, ogni livello svuotato.

Una pagina in cache è veloce solo se il server sa servirla, e corretta solo se ogni livello la dimentica nello stesso momento. Celeris scrive per voi le regole Apache e LiteSpeed, e vi dà il blocco Nginx da incollare quando PHP gira dietro Nginx.

Quando un articolo viene salvato, lo svuotamento viene trasmesso verso l'esterno: i file locali, poi Varnish se il vostro hosting lo usa, poi Cloudflare o la CDN che indicate. Vengono svuotate solo le pagine cambiate.

  • Regole Apache e LiteSpeed scritte e tenute aggiornate automaticamente.
  • Un blocco Nginx pronto da incollare, con il percorso già compilato.
  • Senza accesso al server la cache funziona comunque tramite PHP, che già salta WordPress.
  • I file statici si possono riscrivere verso il dominio della vostra CDN, con le vostre esclusioni.
DOVE ARRIVA LO SVUOTAMENTOCelerisun articolo viene salvatoserver webApache, Nginx, LiteSpeedVarnishcache dell'hostingCloudflaree la vostra CDNUn salvataggio, ogni livello svuotato — e solo le pagine cambiate.

CSS utilizzato

Ogni pagina viene analizzata in background: solo gli stili che usa finiscono nella pagina, il resto si carica senza bloccare la visualizzazione.

Script ritardati

Tracker, chat e mappe partono solo alla prima interazione. Tutto il resto è rinviato a dopo la visualizzazione.

Immagini

Caricamento su richiesta, dimensioni mancanti aggiunte, WebP e AVIF generati e serviti, YouTube e Vimeo sostituiti dalla loro anteprima.

Misurazioni integrate

Tempo di risposta con e senza Celeris, punteggi PageSpeed prima e dopo, direttamente dalla bacheca di WordPress.

Server e CDN

Regole Apache scritte per voi, blocco Nginx fornito, svuotamento inoltrato a Varnish e Cloudflare, riscrittura verso il vostro CDN.