![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-293175-6382f3bba4f92.webp\")
<\/a><\/p>\n\n Nel caso in cui un browser che non supporta Brotli richieda una risorsa da un sito che fornisce file compressi con Brotli, il server eseguir\u00e0 un fallback su Gzip e fornir\u00e0 le risorse codificate supportate dal browser, a condizione che il server sia configurato correttamente.\n<\/p>\n
\n Cosa rende Brotli migliore?
\n<\/h5>\n
\n Secondo una ricerca condotta da CertSimple<\/a> :\n<\/p>\n \n Poich\u00e9 la maggior parte dei siti Web si basa su tutti e tre questi tipi di risorse, si tratta di una notevole differenza nelle dimensioni delle risorse rispetto a Gzip. Questi risparmi, a loro volta, miglioreranno notevolmente le prestazioni della tua app.\n<\/p>\n \n Nonostante quello che potresti aver sentito, la compressione delle risorse con Brotli non \u00e8 pi\u00f9 lenta di Gzip. Detto questo, Gzip e Brotli offrono livelli di compressione variabili e le impostazioni predefinite di Brotli possono comportare una compressione pi\u00f9 lenta rispetto alle impostazioni predefinite di Gzip. Dovrai apportare alcune modifiche a Brotli per trovare un equilibrio accettabile tra dimensioni del file e velocit\u00e0 di compressione.\n<\/p>\n \n L'impostazione di compressione ideale dipende da cosa e quando stai comprimendo. Un buon punto di partenza \u00e8 Brotli 4 per una compressione pi\u00f9 rapida dei contenuti dinamici. D'altra parte, le risorse statiche possono essere compresse pi\u00f9 densamente in anticipo senza sacrificare la velocit\u00e0, quindi l'impostazione predefinita di “11” \u00e8 pi\u00f9 appropriata per tali contenuti.\n<\/p>\n \n L'aggiunta del supporto per Brotli offre vantaggi significativi con il minimo sforzo. A seconda del software del server Web che stai utilizzando, determiner\u00e0 quale metodo di integrazione dovrai utilizzare per integrare Brotli. Quanto segue delinea alcune opzioni disponibili:\n<\/p>\n \n Per dimostrare un esempio di installazione rapida, supponiamo che tu stia eseguendo Nginx. In tal caso, puoi installare il modulo ngx_brotli con quanto segue:\n<\/p>\n \n Successivamente, aggiungi quanto segue al blocco HTTPS (Brotli funziona solo su HTTPS):\n<\/p>\n \n \u00c8 possibile modificare le direttive di cui sopra come meglio credi.\n<\/p>\n \n Infine, inserisci quanto segue per riavviare NGINX e iniziare a raccogliere i frutti:\n<\/p>\n \n Brotli \u00e8 ottimo per fornire risorse precompresse molto pi\u00f9 velocemente di Gzip. Ci\u00f2 \u00e8 dovuto al fatto che puoi comprimerli al livello pi\u00f9 alto di Brotli (11) e quindi fare in modo che il server di origine li raccolga quando richiesto.\n<\/p>\n \n Questo tipo di configurazione funziona alla grande con Webpack poich\u00e9 \u00e8 disponibile un plug-in Webpack per comprimere automaticamente le risorse statiche sia come Gzip che come Brotli. Pertanto, non \u00e8 richiesta alcuna compressione al volo, il che significa che il tempo altrimenti impiegato per comprimere i file viene risparmiato.\n<\/p>\n \n Scopri di pi\u00f9 su come utilizzare Webpack per generare asset compressi con Brotli<\/a>.\n<\/p>\n \n Per sfruttare appieno i vantaggi di Brotli, \u00e8 necessaria una rete di distribuzione dei contenuti<\/a> che lo supporti. KeyCDN, ad esempio, ha introdotto il supporto Brotli<\/a> lo scorso anno per tutti i clienti senza costi aggiuntivi. Pertanto, non solo il tuo sito beneficer\u00e0 di file di dimensioni ridotte grazie a una migliore compressione Brotli, ma beneficer\u00e0 anche di una latenza ridotta grazie alla memorizzazione nella cache delle risorse sui server edge pi\u00f9 vicini ai tuoi visitatori.\n<\/p>\n \n Questo metodo richiede che il server di origine supporti Brotli e che la compressione effettiva avvenga sul lato server di origine. Ancora una volta, questo aiuta a risparmiare tempo ed evita la necessit\u00e0 di una compressione al volo che pu\u00f2 danneggiare le prestazioni.\n<\/p>\n \n Il piccolo sforzo richiesto per aggiungere Brotli al tuo server web vale il notevole risparmio di dimensioni del file. Sebbene a volte Brotli possa funzionare pi\u00f9 lentamente con le impostazioni di compressione pi\u00f9 elevate, \u00e8 possibile ottenere facilmente un equilibrio ideale tra velocit\u00e0 di compressione e dimensione del file regolando le impostazioni.\n<\/p>\n \n Sebbene l'utilizzo di Brotli possa trasformare le app Web veloci in app pi\u00f9 veloci, non render\u00e0 necessariamente veloci le app lente. Poich\u00e9 Brotli comprime solo risorse basate su testo, dovrai ottimizzare le tue immagini con altri mezzi. Se devi ancora passare a HTTP\/2, farlo pu\u00f2 fare un'enorme differenza nelle prestazioni della tua app. Ogni millisecondo conta, quindi qualsiasi azione intrapresa per velocizzare la tua applicazione migliora le tue possibilit\u00e0 di fidelizzare gli utenti.\n<\/p>\n<\/p>\n\n
\n Gzip vs Brotli: ottenere il massimo da Brotli
\n<\/h5>\n\n Installazione di Brotli sul tuo server web
\n<\/h5>\n\n
cd nginx-1.x.x\n$ .\/configure --add-module=\/path\/to\/ngx_brotli\n$ make && make install<\/code><\/pre>\nbrotli on;\nbrotli_static on;\nbrotli_comp_level 4;\nbrotli_types text\/plain text\/css application\/javascript application\/json image\/svg+xml application\/xml+rss;<\/code><\/pre>\nsudo systemctl restart nginx<\/code><\/pre>\n\n Utilizzo di Brotli con risorse precompresse
\n<\/h5>\n\n Il tuo CDN supporta Brotli?
\n<\/h5>\n\n Gzip vs Brotli: in sintesi
\n<\/h5>\n