Performance: Automazioni
Preset e ottimizzazioni di velocità, media e INP che migliorano il punteggio su Google PageSpeed Insights.
Cos'è
Automazioni è la prima pagina di Performance & CDN. Raccoglie tutte le ottimizzazioni che Tuurbo applica automaticamente alle tue pagine per farle caricare più velocemente e migliorare il punteggio su Google PageSpeed Insights, senza toccare il codice del sito.
Per aprirla: menu laterale Performance, poi Automazioni nel menu di Performance & CDN.
Le automazioni funzionano solo se il proxy Tuurbo è attivo su almeno un record DNS. In caso contrario vedrai il messaggio "Attiva Tuurbo per usare le automazioni" con il pulsante Vai al DNS. Vedi DNS.
Preset Performance
In alto puoi scegliere una configurazione pronta. La modifica viene applicata subito.
| Preset | Cosa fa |
|---|---|
| Stabilità | Tutte le ottimizzazioni di velocità attive, Critical CSS e Cookieless Cache disattivati. Nessuna ottimizzazione aggressiva. |
| Bilanciato | Come Stabilità, più la Cookieless Cache. Buon equilibrio tra performance e stabilità. |
| Velocità Max | Tutte le ottimizzazioni attive, compresi Critical CSS (se incluso nel piano) e Cookieless Cache. |
| Personalizzato | Compare da solo quando le impostazioni non corrispondono a nessun preset. Non si seleziona direttamente. |
Speed Performance
Compressione, preload e ottimizzazione delle risorse. Ogni riga ha un interruttore e, dove previsto, un'icona a ingranaggio con impostazioni aggiuntive. L'intestazione mostra quante ottimizzazioni sono attive.
- Preload automatico LCP: individua l'elemento più grande della pagina (LCP) e lo carica in anticipo.
- Compressione delle immagini: comprime le immagini per ridurre i tempi di caricamento. Nelle impostazioni scegli la qualità (Bassa 60%, Media 70%, Alta 80%, Molto alta 90%) e puoi escludere immagini specifiche.
- Compressione dei file CSS: comprime i file CSS. Puoi escludere file specifici.
- Smart Image Resize: ridimensiona le immagini in base al dispositivo del visitatore.
- Critical CSS: genera per ogni pagina un foglio di stile con le sole regole effettivamente usate. Nelle impostazioni puoi aggiungere esclusioni e un tuo CSS personalizzato. Disponibile solo nei piani che lo includono: altrimenti al posto dell'interruttore compare un avviso sul piano.
- Tuurbo Loader: ritarda il JavaScript non essenziale così la pagina viene mostrata prima. Puoi escludere gli script che devono caricarsi subito.
- Predictive Navigation: precarica la pagina successiva quando il visitatore sta per aprirla, rendendo la navigazione immediata.
Media
Caricamento differito di immagini, video e iframe: vengono caricati solo quando stanno per comparire sullo schermo.
- Lazyload Immagini
- Lazyload Video
- Lazyload IFRAME
Quando almeno uno è attivo compare il campo Escludi file dal Lazyloading: aggiungi i file o i percorsi che devono caricarsi sempre subito (ad esempio il logo o l'immagine principale in cima alla pagina).
Modulo INP
Migliora la reattività (INP) spostando gli script di terze parti come Facebook Pixel, HubSpot, Intercom, Klaviyo, TikTok Pixel o Mixpanel fuori dal lavoro principale della pagina, grazie a Partytown.
- Attiva Web Worker per il caricamento di terze parti (Partytown).
- Per un uso avanzato attiva Abilita modalità sviluppatore: puoi indicare le Librerie da includere in Partytown e scrivere una Configurazione avanzata di Partytown.
- Clicca Salva.
Sicurezza ed esclusioni
In fondo alla pagina trovi anche la scheda Sicurezza e Firewall (le stesse impostazioni descritte in Firewall) e le regole di esclusione, per tenere pagine specifiche fuori dalle automazioni.
Consigli
- Parti da Bilanciato, controlla il sito, poi passa a Velocità Max se tutto funziona.
- Se dopo aver attivato un'ottimizzazione una parte del sito non si vede bene, disattiva solo quell'ottimizzazione o aggiungi un'esclusione invece di spegnere tutto.
- Dopo aver modificato il Critical CSS, rigeneralo da Caching.