Operazioni standard per incrementare le performance del tuo sito web

• Analisi codice sorgente

  Una operazione fondamentale è l’ analisi del codice sorgente del sito, per ricercare errori tecnici che possono diventare dei veri e propri colli di bottiglia nell’ esecuzione del codice.
  
  

  Rimozione delle funzioni non necessarie, correzione degli errori, gestione della memoria, organizzazione delle classi e molto altro sono operazioni fondamentali per un codice pulito, che richieda meno risorse durante l’ esecuzione, rendendo il sito web più performante.

• Scelta dell’hosting adatto

  L’ hosting è un servizio che permette ai tuoi utenti di visitare il tuo sito web.
  È un server web connesso ad internet, e le sue prestazioni possono essere variabili a seconda delle sue caratteristiche.

  Un codice pulito e ben strutturato necessita della macchina adatta per essere eseguito.

  Scegliendo l’ hosting più idoneo per il tuo sito web potrai ottenere maggiori risultati in termini di prestazioni, e nel caso di risorse inutilizzate, di risparmiare anche in termini di costi.

• Ottimizzazione contenuti multimediali

  Foto, video, audio sono alcuni dei contenuti multimediali più usati nei siti web.
  Per essere visualizzati correttamente sui dispositivi degli utenti devono essere forniti nel formato giusto e nella dimensione ottimale.
  Png, jpg, webp, mp4,  sono alcuni dei formati più utilizzati per la memorizzazione di file multimediali.

  La scelta giusta di un formato rispetto ad un altro e la compressione dei file influisce sulle prestazioni del tuo sito web.

  
  Anche la dimensione del file influisce sulle prestazioni, se una immagine è troppo grande rispetto al riquadro dove dovrà comparire il dispositivo di visualizzazione dovrà usare maggiori risorse hardware per ridimensionare l’ immagine prima di visualizzarla sul display, processo che rallenta le prestazioni del tuo sito web.
  
   

• Caricamento asincrono immagini

  Il caricamento asincrono delle immagini serve a caricare sul tuo dispositivo quello che non è necessario alla prima visualizzazione del tuo sito web, dopo.
  
  È un processo che permette di caricare le immagini o gli altri file multimediali senza interrompere l’ avanzamento del caricamento del tuo sito web.
  
  Un sito web è composto da elementi testuali ed elementi multimediali, questi ultimi possono avere un peso importante sulla pagina che si vuole visualizzare, e per evitare di aspettare il download completo degli elementi multimediali prima di vedere sul proprio display la pagina, è buona pratica caricare in maniera asincrona immagini e altri elementi multimediali.

• Caricamento asincrono risorse

  Come per gli elementi multimediali, è possibile caricare dopo anche le risorse di stile e funzionali del sito.
  
  Un sito web oltre ad un testo e degli elementi multimediali è composto di file che ne regolano la rappresentazione e le funzioni: sono i file css e i file javascript.
  
  Caricare in maniera asincrona queste tipologie di file riduce il tempo per la prima visualizzazione del sito web.

• Unificazione risorse

  Unificare le risorse significa ridurre al minimo i file che il tuo sito web deve scaricare per poter essere visualizzato.

  Le risorse di stile e funzionali, css e javascript, sono organizzate in più file per rendere più agevole al programmatore la scrittura e la lettura del codice e organizzarne al meglio la struttura.
  Ma quello che è una organizzazione più semplice per un programmatore non è detto che sia più performante per un dispositivo, che sia un computer, uno smartphone o altro.
  
  Unire in meno file possibili le risorse implica meno download di elementi per visualizzare il tuo sito web, rendendolo più veloce.
  
  
  

• Minificazione risorse

  Minificare le risorse significa ridurre al necessario il codice dei file html, css e javascript di un sito web senza influire sulla visualizzazione.
  
  Consiste di varie operazioni, come la rimozione del codice non necessario, dei commenti al codice e della formattazione, un utilizzo di nomi di variabili e funzioni più brevi, etc.
  
  Minificando i file tuo sito web ne aumenti le prestazioni.

• Riduzione contenuti Above the fold

  La riduzione degli elementi above the fold consiste nel ridurre gli elementi per la visualizzazione della prima parte che viene visualizzata della pagina web durante la fase di renderizzazione da parte del browser.
  
  In questa fase vengono utilizzate varie operazioni, come caricamento asincrono di risorse non strettamente necessarie, utilizzo di formati adatti e compressi di elementi multimediali e via dicendo.
  
  Migliora la velocità della prima visualizzazione del pagina web, e ne riduce di conseguenza il tempo necessario per la sua prima visualizzazione. 

• Cache lato server e lato client

  I sistemi di caching sono dei sistemi che permettono di aumentare la velocità del tuo sito web intervenendo su due livelli, quello client e quello server.

  Generalmente un sito web è composto da file di vari formati e con scopi diversi. 

  File come l’ html che servono per formattare e organizzare le pagine web, o file jpg, png, webp e altri per i contenuti multimediali, file css e javascript per stile e funzioni della pagina.
  
  

  File come .php, .py o altri servono per generare le pagine web, le applicazioni web lato server.
  
  Utilizzare sistemi di caching lato client generalmente serve per ridurre al minimo la richiesta da parte del browser di nuove risorse: ciò che è già stato scaricato dal browser non ha senso riscaricarlo se non è stato modificato, e questo si può applicare ai contenuti multimediali, alle risorse di stile e funzioni, etc.
  Consiste nel salvare localmente sul proprio dispositivo gli elementi necessari per la visualizzazione della pagina web, riducendo notevolmente il tempo necessario per accedere a tali file, non dovendo essere scaricati direttamente dal server che li contiene.
  
  Utilizzare di sistemi di caching lato server è necessario per far eseguire meno operazioni al server stesso per poter restituire al client i file necessari per la visualizzazione della pagina web.
  Si tratta di una serie di operazioni possibili: sistemi di precompilazione di script, per evitare che vengano caricati ed interpretati ad ogni richiesta, riducendo la risposta del server alla richiesta del client; sistemi di caching di query al database, per evitare di eseguire nuovamente la stessa interrogazione e restituire i risultati più velocemente.
  
  In generale utilizzare entrambi i sistemi di caching, sia lato server che lato client aumenta le prestazioni del tuo sito web.