Apr/06
2013

VELOCIZZARE IL PROPRIO SITO

VELOCIZZARE IL PROPRIO SITO

E’ da un pochino che non scrivo…sono un pò impegnato… :P

Oggi parliamo di WEB e di come poter velocizzare il caricamento delle pagine del proprio sito internet.
Come tutti oramai sanno, non è più sufficiente avere un sito ricco di informazioni, utilità e buoni contenuti; è necessario che sia VELOCE il caricamento per diverse ragioni.

  1. Gli Utenti non passano minuti ad aspettare che le pagine si carichino
  2. Un sito veloce è sinonimo di un buon funzionamento e cura nella pulizia del codice
  3. il Sig. Google apprezza i siti “Fast” e gli da una spintarella nei risultati delle ricerche

A questo proposito, dopo parecchie ricerche, ho trovato un pò di cose che potrrebbero aiutare in questo senso; io le uso su i miei siti e sono parecchio soddisfatto dei risultati. &#59;)


Vediamo come poter fare a aumentare la velocità del proprio sito internet senza impazzire:

  • Rendiamo le pagine Web non troppo pesanti (max 30Kb)
  • Eliminiamo tutto il codice dalle pagine che non è necessario (banners,scripts,ecc)
  • Cercate di utilizzare Apache come Server

Avere una pagina “Pulita” è essenziale per il semplice fatto che non solo ne guadagna l’apparenza globale del Sito, ma anche ne valorizza la cura con cui è realizzata, senza contare che i Motori di Ricerca prediligono siti web che hanno strutture di una certa qualità; una volta bastava la quantità…adesso per fortuna le cose sono cambiate. :roll:

Molto spesso, per aggiungere links o immagini si utilizzano stringhe di codice “datato” oppure non corretto; spendiamo qualche minuto per validare tutti gli elementi che andiamo a mettere nelle nostre pagine! Non è simpatico inserire un banner proveniente da un altra sorgente e che questo rallenti tutta la pagina web perchè magari l’indirizzo di un immagine non è corretto! |-|

Detto questo, l’Hosting in cui andiamo a creare il nostro Sito Web ha una grossa importanza; prediligete un Server con Apache (Linux) a un Server Windows…. sono 10 volte meglio e permettono di dare istruzioni specifiche a Browser e Motori di ricerca tramite l’utilissimo file HT.ACCESS.

Questo File va caricato nella Root principale del vostro sito; darà istruzioni specifiche sulle modalità di visualizzazione, compressione, specifiche cache, preclusione di files e cartelle specifiche e molte altre cosette sfiziose!

Ecco un File HT.ACCESS che vi permetterà di avere un balzo notevolissimo per quanto riguarda la Velocità di caricamento del vostro sito:

# BEGIN Compress text files
<ifModule mod_deflate.c>
  <filesMatch "\.(css|js|x?html?|php)$">
    SetOutputFilter DEFLATE
  </filesMatch>
</ifModule>
# END Compress text files
 
# BEGIN Expire headers
<ifModule mod_expires.c>
  ExpiresActive On
  ExpiresDefault "access plus 1 seconds"
  ExpiresByType image/x-icon "access plus 2592000 seconds"
  ExpiresByType image/jpeg "access plus 2592000 seconds"
  ExpiresByType image/png "access plus 2592000 seconds"
  ExpiresByType image/gif "access plus 2592000 seconds"
  ExpiresByType application/x-shockwave-flash "access plus 2592000 seconds"
  ExpiresByType text/css "access plus 604800 seconds"
  ExpiresByType text/javascript "access plus 216000 seconds"
  ExpiresByType application/javascript "access plus 216000 seconds"
  ExpiresByType application/x-javascript "access plus 216000 seconds"
  ExpiresByType text/html "access plus 600 seconds"
  ExpiresByType application/xhtml+xml "access plus 600 seconds"
</ifModule>
# END Expire headers
 
# BEGIN Cache-Control Headers
<ifModule mod_headers.c>
  <filesMatch "\.(ico|jpe?g|png|gif|swf)$">
    Header set Cache-Control "max-age=2592000, public"
  </filesMatch>
  <filesMatch "\.(css)$">
    Header set Cache-Control "max-age=604800, public"
  </filesMatch>
  <filesMatch "\.(js)$">
    Header set Cache-Control "max-age=216000, private"
  </filesMatch>
  <filesMatch "\.(x?html?|php)$">
    Header set Cache-Control "max-age=600, private, must-revalidate"
  </filesMatch>
</ifModule>
# END Cache-Control Headers
 
# BEGIN Turn ETags Off
<ifModule mod_headers.c>
  Header unset ETag
</ifModule>
FileETag None
# END Turn ETags Off
 
# BEGIN Remove Last-Modified Header
<ifModule mod_headers.c>
  Header unset Last-Modified
</ifModule>
# END Remove Last-Modified Header

 Copiate e incollate questo codice su un foglio Txt, e rinominatelo semplicemente ht.access; caricatelo nella root principale del vostro sito (ma funziona anche in cartelle specifiche) e effettuate un test di velocità del vostro sito:

Vedrete con i vostri occhi la differenza! &#58;&#68;

No feedback yet