Guida per principianti all’ottimizzazione dei file del sito Web (caricamento più rapido del 70%)

Per accelerare il tuo sito Web e risparmiare larghezza di banda, la compressione è uno dei modi più efficaci (e più semplici) per farlo.


… Tuttavia, molti proprietari di siti Web non ottimizzano ancora i propri file nel 2020, sia perché non sanno quanto sia importante o non sanno come.

Per farla breve, uno dei modi più importanti per accelerare la velocità di caricamento della pagina è far caricare i file JavaScript (JS) più velocemente … E puoi accelerare JavaScript usando la compressione GZIP.

Ora, questo è l’ideale solo per i browser moderni, ma la maggior parte delle persone su Internet utilizza un dispositivo e un browser recenti. Sia Yahoo che Google utilizzano la compressione GZIP.

Ma prima, stabiliamo un po ‘di contesto.

Passaggio n. 1: cos’è la codifica dei contenuti?

Per essere in grado di ottimizzare in modo efficace i file del tuo sito Web, è importante comprendere un concetto noto come codifica del contenuto.

Per dirla semplicemente, questo viene utilizzato per rendere possibile la compressione di un documento senza il rischio di perdere l’identità del tipo di supporto sottostante. Il tuo browser parlerà con un server web quando richiedi un file.

Richiesta HTTP

Fondamentalmente, il browser dice al server cosa vuole. Il server lo cerca e lo trova. Il browser quindi lo carica. Più grande è il file, più tempo impiega il browser a caricarlo.

Quindi, cosa fai quando un file è troppo grande?

Lo comprimerai. Quando si invia un file compresso in un browser, si risparmia sia sul tempo di download che sulla larghezza di banda.

Esistono due elementi associati al server e al browser sapendo che è possibile inviare un file zippato:

  • Il browser comunica al server che è possibile inviare il contenuto compresso inviando un’intestazione
  • Se il contenuto è compresso, il server invia una risposta

Se il file non è compresso, il server non invierà l’intestazione della risposta di codifica del contenuto. L’intestazione accetta-codifica non è una richiesta, ma solo una richiesta fatta dal browser.

Il browser dovrà gestire la versione pesante normale se il server non invia il contenuto compresso.

Installazione del server

Non hai il controllo sul browser. O invierà l’intestazione o non la invierà. Tuttavia, è possibile configurare il server che si sta utilizzando per garantire che il contenuto della cerniera venga restituito fino a quando il browser è in grado di gestirlo. Ciò si traduce in un notevole risparmio di larghezza di banda.

prestazioni web dopo la compressione

Per fare ciò, è sufficiente abilitare le impostazioni di compressione per IIS. Se si utilizza Apache, è relativamente semplice abilitare la compressione dell’output. Accedi al tuo file .htaccess e aggiungi il codice corretto.

Esistono due opzioni di compressione tra cui scegliere con Apache:

  • mod_deflate è standard ed è più semplice configurarlo
  • mod_gzip ti consente di precomprimere il contenuto e sembra più potente

apache facile sgonfiare

Indipendentemente dall’opzione scelta, Apache cercherà di verificare se il browser ha inviato l’intestazione per la codifica accetta, quindi restituisce il file nella sua versione normale o compressa.

Se un browser più vecchio sta causando problemi, ci sono alcune cose che puoi fare per correggerlo aggiungendo alcune direttive speciali.

Per restituire contenuti compressi, è possibile utilizzare PHP se non si è in grado di apportare modifiche al file .htaccess. In PHP:

<?php if (substr_count ($ _ SERVER [“HTTP_ACCEPT_ENCODING”), “gzip”)) ob_start (“ob_gzhandler”); else ob_start (); ?>

Una versione gzip del file viene restituita dopo aver verificato l’intestazione accetta-codifica. Questo è simile alla costruzione di un server web da soli. Per comprimere il tuo output, Apache lo rende più semplice.

Avvertenza importante: la maggior parte dei software di creazione di siti Web non consente la modifica a livello di codice (con alcune eccezioni). Su Hosting Canada, siamo forti sostenitori del self hosting del tuo sito, ma ci rendiamo conto che non è per tutti. Quando si utilizzano costruttori di siti Web come Squarespace, Wix o Weebly, questo tipo di armeggiamento a livello di server è probabilmente fuori dalla tua portata.

Verifica la tua compressione

È importante assicurarsi di fornire contenuto compresso al termine della configurazione del server. Per determinare se la tua pagina è compressa online, puoi utilizzare un test GZIP online.

Nel tuo browser, gli strumenti di sviluppo possono aiutarti in questo. Ti consigliamo di accedere alla scheda della rete, aggiornare la pagina e quindi fare clic sulla linea di rete della pagina specifica.

Se i contenuti sono stati inviati compressi, vedrai l’intestazione “codifica del contenuto: GZIP”.

intestazione gzip di google chrome

Per ottenere maggiori dettagli, puoi fare clic sull’icona per “utilizzare file di grandi dimensioni”. Ciò fornisce anche informazioni sulla dimensione reale del contenuto e sulla dimensione del trasferimento compresso.

Avvertenze da considerare

La compressione offre numerosi vantaggi, ma ci sono aspetti negativi in ​​tutto. Vuoi essere consapevole di quanto segue:

  • Grafico del rapporto di compressioneContenuto che è già compresso: La maggior parte della musica, video e immagini sono già compressi. Se provi a comprimerli di nuovo, questo è in gran parte solo una perdita di tempo. Nella maggior parte dei casi, devi solo preoccuparti di comprimere CSS, HTML e JavaScript.
  • Browser precedenti: Il contenuto compresso non è compatibile con tutti i browser. Ciò è particolarmente vero per i browser più vecchi. Ad esempio, potresti voler evitare la compressione HTTP se devi lavorare su Windows 95 o con Netscape 1.0. Ci sono alcune regole e linee guida per evitare la compressione per i browser più vecchi con Apache mod-deflate.
  • CPU-load: Risparmia larghezza di banda e utilizza il tempo della CPU quando comprimi i contenuti al volo. Considerando la velocità di compressione, il compromesso viene generalmente considerato equo. Esistono modi sia per inviare versioni compresse che pre-comprimere contenuto statico. Ciò richiede generalmente più configurazione. Ricorda che le persone su Internet hanno un breve intervallo di attenzione, quindi aumentare la velocità per una migliore esperienza utente utilizzando i cicli della CPU è di solito sempre una buona idea.

Perché dovresti usare la compressione GZIP

console di compressione httpLa compressione GZIP offre numerosi vantaggi. È importante sapere cosa sono in modo da essere pienamente consapevole del motivo per cui dovresti iniziare a usarlo.

In media, l’utilizzo di GZIP per comprimere i file CSS e HTML consente di risparmiare dal 50 al 70 percento della dimensione totale del file. Questo notevole risparmio di dimensioni dei file si traduce in un’esperienza utente molto migliore ed efficiente sul tuo sito web.

Questa tecnica svolge anche un ruolo importante nella SEO generale del tuo sito web. I motori di ricerca utilizzano algoritmi complessi per determinare dove siti e pagine Web rientrano nei risultati di ricerca.

Un elemento che diventa più importante con ogni aggiornamento dell’algoritmo è il tempo di caricamento della pagina web. I motori di ricerca utilizzano queste informazioni per determinare l’ottimizzazione complessiva di un sito Web.

test di velocità di compressione gzipQuando le pagine Web si caricano rapidamente, coloro che visitano il sito non devono attendere per accedere al contenuto che stanno cercando. Ricorda che gli utenti di Internet hanno un breve periodo di attenzione.

Se il caricamento di una pagina Web richiede troppo tempo, è probabile che l’utente faccia clic e trovi un sito più veloce con informazioni simili. I motori di ricerca vogliono premiare i siti Web con caricamento più veloce, quindi danno loro un posizionamento più elevato nei risultati di ricerca.

Un sito Web più veloce aumenta anche le conversioni. Ciò significa che se si dispone di un sito Web di e-commerce, più veloce viene caricato, maggiori saranno le vendite. In effetti, circa il 51 percento degli americani afferma che il motivo principale per cui abbandonano un acquisto è un sito web lento.

I case study dimostrano che puoi migliorare il tasso di conversione di oltre il 15 percento riducendo il tempo di caricamento del tuo sito Web di soli 2,2 secondi.

Risoluzione dei problemi relativi alla compressione GZIP

Come tutti gli elementi tecnologici, la compressione GZIP può fallire per i motivi più piccoli. La buona notizia è che la maggior parte delle ragioni del fallimento sono risolvibili.

Il primo elemento da considerare è se la compressione GZIP è supportata dal tuo host web. Mentre la maggior parte lo supporta a causa della sua importanza per il caricamento della pagina, ci sono alcuni eletti che non si sono preoccupati di garantire la compatibilità. Puoi contattare il tuo host web per determinare se la compatibilità GZIP è un problema.

Il prossimo elemento da esplorare è il tuo codice. Anche un personaggio sbagliato può causare problemi. Cerca un carattere perso, un errore di sintassi o qualsiasi codice non valido. Tutta la tua codifica deve funzionare con la tua architettura affinché la compressione abbia successo.

Puoi semplicemente controllare il tuo codice che hai inserito con PHP o .htaccess (questo è stato discusso sopra). Se non riesci a trovare un problema, ma ritieni che la colpa sia del codice, prendi in considerazione la possibilità di sostituirlo completamente con un codice diverso che ha maggiori probabilità di funzionare.

In alcuni casi, il tuo host web ha accesso ai file giusti per consentire la compressione GZIP, ma tu no. In questo caso, basta chiamare l’host e chiedere loro di abilitarli.

Hai imparato in precedenza in questo articolo sul controllo della compressione GZIP. Questa è un’opzione semplice e veloce per la risoluzione dei problemi. In genere si consiglia di farlo prima. Se qualcosa non va ancora, controlla con il tuo host web e valuta il codice che hai usato.

Se il tuo browser non è aggiornato, anche questo può causare problemi con la compressione GZIP. Ciò è particolarmente comune con le vecchie versioni di Internet Explorer. Se molte persone che visitano il tuo sito utilizzano un vecchio browser, questo è un problema che potresti dover affrontare.

Se i file sul tuo sito sono estremamente grandi, anche questo può comportare problemi relativi alla compressione GZIP. Se si utilizza una versione GZIP precedente, i limiti delle dimensioni del file possono essere relativamente piccoli, ad esempio due gigabyte o meno. Per questo motivo, vuoi determinare quali sono i limiti della tua versione GZIP.

Uno dei modi migliori per farlo migliorare le prestazioni e la velocità del tuo sito Web è abilitando la compressione. Ora che sai come farlo, puoi iniziare a sfruttare appieno i vantaggi.

Fai attenzione alle avvertenze e considerale mentre lavori. Il prossimo passo è configurarlo in modo che i tuoi visitatori possano trarne vantaggio.

Un fattore di velocità del sito Web spesso trascurato ha a che fare con la scelta della società di web hosting. Sì, fa la differenza che scegli, dal momento che alcuni semplicemente funzionano meglio quando ti prendi il tempo per sgranocchiare i dati.

Per maggiori informazioni dai un’occhiata alla mia guida su come migliorare la velocità del tuo sito web.

Riferimenti e crediti di immagini:

  • BetterExplained.com
  • OpenSourceVarsity.com
  • Geekeasier.com
  • WebPerformance.com
Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me

About the author

Adblock
detector