Immagini e video sono i principali responsabili del peso elevato delle pagine. Ecco alcuni suggerimenti per ridurre il peso delle pagine che superano i limiti consigliati.
Ottimizza le immagini
Assicurati di ottimizzare tutte le immagini utilizzate sul tuo sito web. Idealmente, nessuna dovrebbe superare 1MB in misura. Blocs ridurrà automaticamente le immagini di grandi dimensioni quando le aggiungi al progetto (solo Embedded Asset Workflow).
Inoltre, esistono diversi strumenti di terze parti che possono aiutare a ridurre ulteriormente le dimensioni dei file immagine. Consigliamo ImageOptim, uno strumento di ottimizzazione delle immagini gratuito e facile da usare per Mac.
Consigliamo inoltre di abilitare l' Genera WebP opzione nelle impostazioni di esportazione. Questo crea versioni WebP di tutte le immagini sul tuo sito web, che spesso hanno dimensioni di file significativamente inferiori rispetto a JPG or PNG formati.
L'opzione WebP è una funzionalità disponibile solo per l'esportazione e non viene applicata quando il sito web viene generato in modalità anteprima.
Ottimizza i video
I file video di grandi dimensioni possono aumentare significativamente il peso della pagina e rallentare il tuo sito web. Se ospiti i tuoi video, ti consigliamo di utilizzare HandBrake per ottimizzarli per il web.
Precaricamento
Per file video e audio di grandi dimensioni ospitati autonomamente, consigliamo disabilitazione L'opzione di precaricamento sul player Bric. Questo aiuta a migliorare le prestazioni di caricamento della pagina e a ridurne il peso percepito.
pigro Caricamento
Ti consigliamo di abilitare l' Carica pigro Opzione di esportazione per ridurre il peso della pagina. Questa funzione ritarda il caricamento di risorse come immagini, video e audio finché non vengono visualizzati sullo schermo.