15 modi per velocizzare il tuo sito web

Una delle cose peggiori che possono accadere al tuo sito web è perdere clienti per problemi che sono completamente prevenibili. Le statistiche dello studio del tempo di caricamento della pagina di Google 2017 dimostrano che un secondo può fare una grande differenza nei numeri di traffico e nella soddisfazione dei clienti.


In solo un secondo:

  • Le visualizzazioni della tua pagina potrebbero ridursi dell’11 percento ��
  • I livelli di soddisfazione dei clienti potrebbero scendere del 16 percento ��
  • Potresti riscontrare una riduzione del 7% nei tassi di conversione ��

Nel corso di un anno, un ritardo di un secondo potrebbe comportare un calo delle entrate di $ 2,5 milioni per le aziende che normalmente vendono in media $ 100.000 nelle vendite giornaliere.

In breve, latenza è nemico delle prestazioni del sito Web e della soddisfazione dell’utente. Il 53% dei consumatori afferma che lascerebbe un sito Web che impiega più di tre secondi per caricarsi.

Che cos’è la latenza e perché è importante?

Esistono tre componenti che contribuiscono alla velocità di consegna dei dati: larghezza di banda, latenza e velocità effettiva. Insieme al contenuto e alla codifica ottimizzati, questi elementi vanno di pari passo. I problemi con uno influenzeranno gli altri.

immagine che mostra la latenza e la velocità della reteLarghezza di banda è la pipeline su cui viaggiano i tuoi dati. La larghezza di banda ridotta riduce la quantità di informazioni che viaggia su quella pipeline in qualsiasi momento. Ciò comporta problemi di latenza e influisce sulla velocità effettiva.

Sito web latenza è definito come il tempo impiegato dalle informazioni per effettuare il round trip da browser a server e di nuovo all’utente. Portata è la quantità di dati che viaggiano su un server in un determinato periodo di tempo.

È il bilanciamento ottimale di latenza (bassa) e larghezza di banda (alta) che porta a una consegna efficiente e a una migliore produttività. Se tale saldo è sfavorevole, i tempi di caricamento della pagina del tuo sito Web saranno più lenti e la consegna dei dati ritardata.

Ciò che contribuisce ad alti tassi di latenza?

  • Propagazione. Questo è il tempo necessario ai pacchetti di dati per spostarsi da un’origine all’altra.
  • Mezzo di trasmissione. Abbiamo fatto molta strada dai tempi del dial-up, ma il supporto di trasferimento influenza ancora la latenza. Anche i progressi tecnologici come la fibra ottica e la WAN hanno limitazioni fisiche che incidono sulla velocità di consegna dei contenuti.
  • Router. Quello che siamo in grado di fare con un clic del mouse o digitando un URL mette in moto una catena di eventi che ci consente di accedere a Internet. Agli occhi dell’utente medio, una richiesta viene fatta e onorata alla velocità della luce. Tuttavia, dipende dalla capacità del nostro router di analizzare correttamente le intestazioni dei pacchetti e altre informazioni.

Più è distribuita la rete, più volte un pacchetto deve passare da un router all’altro. Ciò contribuisce ad un’elevata latenza.

  • Conservazione. I ritardi si verificano ogni volta che un pacchetto di dati viene eseguito correttamente o memorizzato. Il processo è ulteriormente complicato dal numero di switch e bridge riscontrati tra la richiesta iniziale del browser e la consegna. Vedi correlati – miglior cloud storage
  • Formattazione Il modo in cui configuri i file e gestisci i database di WordPress influirà sul modo in cui le istruzioni e il codice vengono letti ed elaborati. Codice pulito, snello ed elegante porta efficienza e velocità.
  • Tipi e dimensioni di file. È ovvio che file più piccoli e una formattazione più semplice attraverseranno una rete in modo più rapido ed efficiente. I siti Web che sono ricchi di grafica e altri contenuti multimediali sono contenuti più disordinati e influiscono sulla velocità di caricamento completo delle pagine. Ecco perché è importante comprimere i file del tuo sito web.

I vantaggi di ottimizzare il tuo sito Web

Sia che tu decida di utilizzare un costruttore di siti Web di alta qualità, assumere un web designer o costruire la tua pagina web da solo, considerando la sicurezza e la velocità di progettazione migliorerà l’aspetto e la consegna dei tuoi contenuti. Questo aiuta con Ottimizzazione SEO e fornisce un migliore esperienza utente (UX).

Gli studi dimostrano che possono essere necessari fino a 22 secondi per un sito Web mobile per caricare completamente la pagina di destinazione media. Immagina il vantaggio che avrai sulla concorrenza se riesci a radere i tempi di caricamento a sette secondi o meno.

15 modi in cui puoi aumentare la velocità del tuo Web oggi

I server di oggi sono in grado di fornire tempi di caricamento misurati in millisecondi anziché in secondi. Oltre a controllare la tecnologia che fornisce i tuoi contenuti web ai visitatori, puoi implementare una serie di modifiche e modifiche per garantire un caricamento delle pagine coerente e veloce e una UX complessiva più soddisfacente.

Ecco 15 modi in cui puoi aumentare la velocità del tuo sito Web e non toglieranno nulla alla qualità dei tuoi contenuti o all’estetica del sito.

1. Abilita la compressione dei file

La compressione dei file non è una novità. Abbiamo riscontrato tutti file troppo grandi per il download a cui siamo in grado di accedere dopo che sono stati compressi. La stessa idea può aiutare il tuo sito Web a caricarsi più velocemente usando la compressione Gzip.

A tale scopo, installa il plug-in di compressione per il tuo sistema di gestione dei contenuti o manualmente tramite il file .htaccess. Questo funzionerà per CSS, JS, XML e HTML aggiungendo il seguente codice:

AddOutputFilterByType DEFLATE text / plain
AddOutputFilterByType DEFLATE text / html
AddOutputFilterByType DEFLATE text / xml
AddOutputFilterByType DEFLATE text / css
AddOutputFilterByType DEFLATE application / xml
AddOutputFilterByType DEFLATE application / xhtml + xml
AddOutputFilterByType DEFLATE application / rss + xml
AddOutputFilterByType DEFLATE application / javascript
AddOutputFilterByType DEFLATE application / x-javascript

2. Rimuovere plugin ed estensioni non necessari

Quando stai costruendo il tuo sito Web per la prima volta, sei tentato di installare e provare una serie di plugin, alcuni dei quali sono fantastici, ma molti altri finiscono per raccogliere polvere nelle nostre directory. Imposta come regola la disinstallazione immediata di plug-in e componenti aggiuntivi o estensioni vecchi, non necessari o non supportati. Disabilitarli può sembrare l’opzione più semplice, ma ciò può causare problemi di sicurezza e metterti a rischio di violazioni e exploit.

Per quanto riguarda la sicurezza del sito Web, è estremamente importante concentrarsi sull’avere installati solo i migliori plug-in di WordPress e rimuovere quelli non necessari.

3. Ottimizza HTTP

Esistono due modi per migliorare i tempi di caricamento della pagina tramite l’ottimizzazione HTML. Il primo è ridurre al minimo le tue richieste HTTP. Puoi farlo in diversi modi:

  • Usa CSS invece di immagini quando possibile
  • Combina file CSS, JS e HTML per evitare gonfiore e ridondanza
  • Progetta pagine semplici e pulite con meno elementi
  • Abilita la memorizzazione nella cache
  • Ridurre il numero di reindirizzamenti eliminando vecchie pagine e collegamenti interrotti

Il secondo modo per ottimizzare l’HTML è abilitare Keep-Alive. Normalmente, ogni richiesta di file avvia un’azione separata. Abilitando HTML Keep-Alive, stai creando una connessione aperta che rimane tale fino a quando tutte le richieste del browser non vengono soddisfatte. Copia semplicemente questo bit di codice nel tuo file .htaccess, circondato dai tag di apertura e chiusura appropriati:

IfModule mod_headers.c
Header set Connection keep-alive
IfModule

4. Installare una rete di distribuzione di contenuti (CDN)

Reti per la distribuzione di contenuti (CDN) ridurre i tempi di caricamento della pagina allo stesso modo dei server. Queste reti sono distribuite in diversi punti del globo, consentendo a qualcuno in quella geolocalizzazione di accedere al tuo sito web più vicino a casa.

Molti servizi di hosting includono una CDN come parte del loro servizio, quindi verifica la disponibilità prima di accedere con chiunque. Vedi correlati – migliori CDN canadesi

5. Abilitare la memorizzazione nella cache

La memorizzazione nella cache lascia una copia della tua pagina web sul browser dell’utente fino a quando la pagina non viene aggiornata e il contenuto aggiornato. Ciò significa meno richieste HTTP e pagine da caricare. Quando si abilita la memorizzazione nella cache, è possibile ridurre i tempi di caricamento della pagina di 1,5 secondi. In un’era in cui ogni secondo conta, ciò equivale a un’enorme differenza.

La memorizzazione nella cache in WP può essere abilitata con il plugin Rocket o tramite uno dei plugin gratuiti come WP3 Total Cache o Super Cache. Coloro che utilizzano HTML possono abilitare la memorizzazione nella cache tramite Etags, Expire o altri metodi. Gli utenti di Drupal possono eseguire l’abilitazione della cache seguendo queste istruzioni.

6. Minimizza il codice JS e CSS

È possibile migliorare i tempi di caricamento della pagina riducendo la quantità di codice necessaria per eseguire un’azione. Inizia creando un file separato per JS e CSS, quindi lavora per ridurre gli spazi bianchi, eliminare i commenti non necessari e combinare file o righe di comando, ove possibile. Se non sei sicuro su come ridurre al minimo il codice senza creare altri problemi, sono disponibili strumenti di minimizzazione che identificheranno e correggeranno la codifica gonfia.

7. Impiegare il caricamento asincrono di file JS e CSS

Una volta che il tuo codice è snello ed efficiente, puoi modificare il modo in cui i file vengono caricati nella tua pagina attraverso il caricamento asincrono. Questo cambia il modo in cui i contenuti vengono caricati sulla tua pagina eseguendoli in modo più efficiente.

Vedete, la maggior parte dei browser gestisce le richieste caricando le pagine in ordine, una alla volta. Questo è noto come caricamento della pagina sincrono. Ogni volta che il browser incontra una pagina sincrona, interrompe tutte le altre attività fino a quando la pagina corrente non viene caricata completamente. Con il caricamento asincrono, il browser è in grado di gestire alcune richieste contemporaneamente, il che significa tempi di caricamento del sito Web più brevi.

La maggior parte dei sistemi di gestione dei contenuti ha un meccanismo per consentire il caricamento asincrono di file CSS e JS. Ad esempio, WordPress ha una scheda “File statici” sul proprio plugin Rocket che ti permetterà di abilitare questa funzione selezionando le caselle appropriate nella sezione “Render-blocking CSS / JS”. L’utente non WP può abilitarlo in JS usando l’attributo asincrono o differisci. Per CSS, prova a scrivere stili per la prima schermata nella parte superiore di HTML per abilitare il caricamento asincrono della prima pagina.

Il caricamento differito di JavaScript può produrre gli stessi risultati e può essere abilitato nella stessa sezione del pannello WP Rocket delle preferenze di caricamento. Se stai gestendo un sito su HTML, puoi posticipare il caricamento di JS effettuando una chiamata al file esterno appena prima del tag body sul tuo codice in questo modo:

8. Ottimizza i file di immagine

Uno dei più grandi maiali di risorse e database sono le immagini. Certo, le foto si aggiungeranno ai tuoi contenuti, ma troppe influenzeranno anche la velocità e allontaneranno il traffico. Se devi includere immagini sul tuo sito Web, scegline una o due, riduci le dimensioni del file e digita in qualcosa di più efficiente come .jpeg o trasformale in un collage anziché in una galleria di immagini separate. Potresti anche spostarli su una piattaforma creata per le immagini, come InstaGram e un semplice link a tale piattaforma dal tuo sito Web.

Lo stesso vale per i contenuti video, che possono essere rimossi su un canale YouTube. Entrambe queste soluzioni aiuteranno anche la SEO, poiché è possibile ottimizzarle separatamente utilizzando una combinazione di tag alt per indicizzare immagini e contenuti video e SEO on-page per l’ottimizzazione generale della pagina. Uno dei nostri preferiti è Optimizilla.

9. Disabilitare Hotlinking e limitare le condivisioni sui social media

Parlando di social media e immagini, faresti bene a disabilitare i hot link sulla tua pagina web e limitare le condivisioni dei social media. Il secondo suggerimento sembra contrario a tutto ciò che sai su prove sociali, sensibilizzazione e coinvolgimento, ma puoi trovare un equilibrio che supporterà la tua presenza sui social media senza influire sulle prestazioni.

Questo ci porta al problema di hotlink. Gli hotlink sono un po ‘di tecnologia che consente ad altre persone di prendere i tuoi contenuti e utilizzarli sul proprio sito Web o piattaforma di social media. Inoltre aumenta inavvertitamente l’utilizzo delle risorse.

Invece di collegarti a immagini o contenuti su un altro sito Web o consentire il furto, scaricali e salvali sul tuo server. Può sembrare controintuitivo, ma il collegamento ad altri contenuti del sito Web può avere la conseguenza non intenzionale di consentire a qualcun altro che le prestazioni del sito potenzialmente scadenti influenzino il tuo.

10. Ridurre gli script esterni

Aggiunta di script esterni vi Il codice JS aumenta il numero di richieste HTTP, riducendo la velocità del sito Web. Sono necessari alcuni script esterni, quindi non è necessario eliminarli completamente. Pingdom ti consente di testare ogni collegamento esterno al fine di determinare quali stanno causando un problema.

Prima di aggiungere collegamenti esterni ai tuoi contenuti web, assicurati che il sito Web di origine sia affidabile o che tu possa portare i loro problemi a casa sulla tua piattaforma.

11. Trova e correggi collegamenti interrotti

Qualsiasi collegamento interrotto che termina con reindirizzamenti o messaggi di errore può influire sull’UX. Tuttavia, questo suggerimento si riferisce ai collegamenti contenuti nei file immagine, JS o CSS. Cerca e verifica i collegamenti nell’intestazione dei tuoi file CSS e nell’URL di origine JavaScript. È possibile cercarli manualmente, esaminando i registri del server o utilizzando uno strumento di controllo dei collegamenti.

12. Ottimizza i tuoi database

L’archiviazione di file ingombranti contribuisce sicuramente a prestazioni lente. Desideri una registrazione completa di ogni azione per motivi di sicurezza, ma ogni volta che un plug-in o un’altra funzione salva i dati, si accumula nel tuo database. Immagina tutti quei pingback, spam o commenti non necessari e pubblica le revisioni che si accumulano e hai una buona idea del problema.

ottimizzazione del database

Per evitare questo problema, eseguire backup regolari seguiti da eliminazioni per eliminare dati eccessivi senza subire conseguenze indesiderate.

13. Usa temi leggeri

Rimarrai stupito dalla differenza cambiando il tuo tema da qualcosa di grosso e carico di codice a un framework leggero. Se il tuo sito web sembra lento e tutti gli altri elementi vanno bene, prova a utilizzare un tema più nuovo e più leggero. Ciò significa immergersi più a fondo nella storia delle performance del tema piuttosto che cercare qualcosa che sembra carino.

Come per i plug-in, assicurati di disinstallare il vecchio tema anziché disabilitarlo.

14. Scegli un buon sistema di gestione dei contenuti

Sistemi di gestione dei contenuti (CMS) sono fondamentali per mantenere velocità e prestazioni affidabili. Il più popolare è di gran lunga WordPress, ma ci sono anche Joomla, Drupal e molti altri. Offrono il vantaggio dell’ottimizzazione del contenuto e la disponibilità di plug-in o funzionalità che migliorano le prestazioni.

15. Scegli il tuo servizio di hosting tenendo d’occhio le prestazioni

Potrebbe essere allettante trovare un servizio di hosting economico, dopotutto, il tuo pane e burro è nella tua piattaforma, giusto? Tuttavia, l’ottimizzazione costante di tutti gli altri componenti che contribuiscono a prestazioni efficienti non ha importanza se la tua piattaforma di hosting è scadente.

Ciò significa non solo scegliere un piano che ti consenta di gestire picchi di traffico e crescita, ma anche trovare un fornitore con la tecnologia per supportare le prestazioni. I piani di hosting condiviso vanno bene se hai appena iniziato e usi più contenuti statici. Tuttavia, la velocità e la disponibilità delle risorse a volte dipendono dall’avere buoni vicini.

Quando possibile, optare per una rete privata virtuale di qualità (VPN) o a server dedicato. Ciò fornirà le risorse, lo spazio di archiviazione e la disponibilità necessari per ridurre i tempi di inattività e la latenza.

Non dimenticare i test e le valutazioni in corso

Sapere cosa modificare e quando dipende da quali problemi stanno influenzando i tempi di caricamento della pagina e la velocità complessiva di consegna del contenuto. Alcuni servizi di hosting dispongono di strumenti integrati che è possibile utilizzare per misurare le prestazioni del sito Web. Esistono anche diversi metodi e strumenti che è possibile utilizzare per misurare la latenza e i tempi di caricamento della pagina.

Indipendentemente dal metodo o dallo strumento utilizzato, assicurati di eseguire il test da una varietà di posizioni. È ovvio che i server situati più lontano dalla fonte impiegheranno più tempo a consegnare il contenuto. I geo-test in diverse località ti aiuteranno a valutare i tassi di latenza. Quando si esegue il test di velocità, farlo sia con il CDN abilitato che disabilitato. Questo ti aiuterà a valutare l’efficacia della tua CDN e di altre tecnologie.

come funziona un cdn

Uno degli strumenti di test della velocità più comuni ed efficaci è Pingdom. Questo strumento online gratuito è un modo semplice per determinare una serie di problemi relativi alle prestazioni e alla velocità del sito Web. Basta inserire l’URL e la posizione del server nella casella di ricerca e premere “Avvia test”. È inoltre possibile acquistare un abbonamento premium per test più approfonditi di uptime e tipi di contenuto da oltre 70 località server.

Questo è un esempio di test ping che utilizza il DNS pubblico di Google:

$ ping 8.8.8.8
PING 8.8.8.8 (8.8.8.8): 56 byte di dati
64 byte da 8.8.8.8: icmp_seq = 0 ttl = 56 tempo = 54.524 ms
64 byte da 8.8.8.8: icmp_seq = 1 ttl = 56 time = 43.423 ms
64 byte da 8.8.8.8: icmp_seq = 2 ttl = 56 time = 50.773 ms

Uno strumento traceroute traccia il percorso del pacchetto da server a server, misurando il percorso dal browser all’host e identificando eventuali colli di bottiglia o altri problemi.

Ecco un esempio del rapporto sul comando traceroute che utilizza lo stesso DNS di Google:

$ traceroute 8.8.8.8
traceroute a 8.8.8.8 (8.8.8.8), 64 hop massimo, pacchetti da 52 byte
1 192.168.0.1 (192.168.0.1) 6.632 ms 9.659 ms 10.089 ms
2 10.89.0.1 (10.89.0.1) 29.867 ms 14.293 ms 30.259 ms
3 blk-212-126-117.eastlink.ca (173.212.126.117) 20.677 ms 19.575 ms 20.155 ms
4 ns-hlfx-dr002.ns.eastlink.ca (24.215.102.161) 30.093 ms 29.371 ms 30.796 ms
5 ns-hlfx-br002.ns.eastlink.ca (24.215.102.221) 29.540 ms 29.516 ms 29.989 ms
6 ns-hlfx-br001.ns.eastlink.ca (24.215.102.9) 26.678 ms 29.203 ms 30.787 ms
7 google.eastlink.ca (24.215.101.10) 49.027 ms 49.196 ms 90.601 ms
8 209.85.241.127 (209.85.241.127) 49.999 ms
72.14.239.75 (72.14.239.75) 48.939 ms
72.14.235.169 (72.14.235.169) 46.823 ms
9 google-public-dns-a.google.com (8.8.8.8) 49.465 ms 45.436 ms 43.772 ms

Parlando di Google, hanno anche uno strumento gratuito per testare siti Web per problemi di velocità e prestazioni. Puoi accedere alle loro PageSpeed ​​Insights qui.

Il test non è un’operazione una tantum. Il sito Web deve essere monitorato 24 ore su 24 utilizzando l’automazione e alcuni degli strumenti disponibili per i test delle prestazioni e della velocità. affinché i risultati abbiano un significato. Questo ti aiuterà a identificare eventuali problemi prima che diventino costosi.

Pensieri finali

Man mano che le reti diventano più affollate e distribuite, la latenza diventa più probabile. Il nostro obiettivo è fornirti le informazioni necessarie per migliorare le prestazioni e la velocità del tuo sito web. Oltre a scegliere il miglior servizio di web hosting per le tue esigenze e il tuo budget, l’ottimizzazione dei tuoi contenuti e il modo in cui vengono forniti contribuiranno notevolmente all’eliminazione di molte delle cause di downtime e rallentamento delle prestazioni.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map