Che senso ha creare un blog o sito web dall qualità eccelsa se poi impiega troppo tempo a caricare e i visitatori fuggono prima di completare il caricamento? Il vostro blog è ancora troppo lento e non sapete cosa fare? Vediamo allora di consigliare ai nostri lettori alcuni pratici metodi per poter rendere il proprio spazio web più veloce ed accessibile, qualunque sia la piattaforma o il servizio di hosting che stiamo utilizzando, ricordando che nel post dei “27 servizi online sui siti web” potrete trovare ottimi tool per effettuare i dovuti test in materia.

1. Usare script esterni

Utilizzare gil stessi script su più pagine – inserendo script esterni alla pagina stessa– può aiutare a ridurre il tempo di caricamento. Ecco, per maggiore chiarezza, un esempio pratico sull’utilizzo degli javascript:

<script type="text/javascript" src="yourscript.js"></script>

In questo modo il browser inserisce lo script in cache e non necessita di essere caricato di volta in volta;

1. Ridurre le richieste HTTP

Più elementi sono presenti nella pagina web, maggiore sarà il tempo di caricamento complessivo. Una “scrematura” di tutto ciò che non è veramente indispensabile (immagini, script, gadget) è un lavoro utilissimo alla portata di ogni webmaster;

1. Attenzione a relazionare oggetti da altri siti

Utilizzare elementi da altri siti (immagini, ecc) può provocare fastidiosi “colli di bottiglia” e rallentare il caricamento complessivo, specie se il sito/blog dal quale ci colleghiamo riceve molte richieste HTTP.

1. Ottimizzare le immagini

I migliori software di grafica includono l’opzione “Salva per il Web”, consentendo di ottenere un’immagine già ottimizzata per la pubblicazione. Analoghe risorse web consentono di ottenere risultati simili.

1. Rimuovere gli spazi bianchi

Rimuovere lo spazio bianco all’interno del codice delle nostre pagine web è importantissimo e non va trascurato: la pagina ha così una dimensione totale minore e si caricherà ad una velocità leggermente superiore.

• Utilizzare CSS ed ottimizzarli

I CSS aumentano di molto la velocità di caricamento, in quanto, utilizzando un file .css esterno, il nostro browser potrà memorizzare stile e formattazione evitando di caricarli ogni volta. CleanCSS, o servizi simili, consentono di ridurre gli spazi bianchi del CSS (vedi punto precedente).

• Curare la sintassi

Quando un utente apre un link nel form “http://www.nostrosito.com/contatti” il server non è in grado di comprendere al volo di che tipo dio pagina si tratta. Includere uno slash finale (/) consente di velocizzare i tempi di caricamento.

Utilizzare il giusto formato per le immagini

Il formato più adatto per le immagini e il GIF o PNG. GIF è migliore del PNG poiché dispone di una migliore qualità grafica, ed è più indicato per elementi grafici o pulsanti Per mantenere la qualità dei colori nelle fotografie è invece consigliabile JPG.

Per le immagini, utilizzare i tag Height e Width

Specificare i tag Height e Width consente al browser di preparare in anticipo lo spazio nella pagina ove verrà caricata l’immagine.

• Utilizzo della cache e dei possibili plugin

Se stai utilizzando Wordpress, esistono alcuni plugin che consentono di velocizzare il caricamento del proprio blog, come Wp-Cache (o WP-super cache, per i più esigenti, di cui abbiamo già parlato in questo post.

Suggeriamo inoltre uno script php per settare l’eliminazione automatica dalla cache del browser: prendiamo ad esempio un file js e chiamaiamolo script.js. Al fine di un utilizzo più prfiquo della cahe, creiamo un file script.js.php e aggiungiamo il sottonotato codice all’inizio di esso, consentendo l’eliminazione della cache dopo tre giorni

header("Content-type: text/javascript; charset: UTF-8");
header("Cache-Control: must-revalidate");
$offset = 60 * 60 * 24 * 3;
$ExpStr = "Expires: " .
gmdate("D, d M Y H:i:s",
time() + $offset) . " GMT";
header($ExpStr);
?>

• L’hosting

Il punto dolente di ogni utente: se vuole un sito web veloce e raggiungibile da molti utenti, deve pagare un buon hosting, valutando la possibilità di un server dedicato.

Via | Iliz.com

Immagine | xxxtoff

Scritto da: Zack \\ tags: javascript, risorse web, trucchi, velocità, velocizzare blog, velocizzare tempi di caricamento, visitatori, webmaster, wordpress