|
| |
WEB WEAVING
VELOCIZZA LA NAVIGAZIONE NEL TUO SITO!
Ah, che soddisfazione! Ogni volta che si
pubblica un sito sul web, soprattutto se non lo si fa per lavoro, si prova una
sensazione alla Dr. Frankenstein. I primi giorni si spia trepidanti il contatore
visite, cartina al tornasole del proprio lavoro. Poi si comincia a valutare con
occhio critico i difetti del sito e, infine, ci si accorge che è decisamente
troppo lento! Cosa fare, a questo punto? Semplice, occorre intervenire sulle
pagine per velocizzarle. Come?
- COMPRIMERE LE IMMAGINI - spesso è possibile farlo senza
perdere molto in qualità dell'immagine. Molti programmi di grafica hanno la
possibilità di passare dai consueti 8 bit per pixel dell'immagine standard
a 5 o 6 bit per pixel. Ad esempio, COREL PHOTO PAINT.
Essendo così semplice, perché non farlo? Non avete un
programma di grafica? Visitate il sito www.giflube.com,
che effettua automaticamente questa operazione.
- UNIFICARE LE IMMAGINI DEL MENU' - volete inserire delle barre di navigazione con delle
immagini? Bene, ma è meglio unire i link in un'unica immagine e poi
inserire delle mappe immagine per creare i collegamenti: il codice sarà,
così, meno voluminoso e la pagina più veloce da caricare.
- DIVIDERE LE TABELLE - volete inserire delle tabelle nelle vostre pagine? Allora,
piuttosto che strutturare la pagina in un'unica grande tabella, dividetela
in tante tabelle più piccole e non dimenticate di specificare i parametri
WIDTH e HEIGHT, che permettono al browser di tracciarne le dimensioni esatte
prima di cominciare a caricarne il contenuto.
- DIVIDERE LE PAGINE MOLTO GRANDI - cercate di non pubblicare
pagine troppo grandi, in caso, dividetele in pagine più piccole: in questo
modo ridurrete il tempo di scaricamento (l'ideale è mantenersi al di sotto
dei 30 secondi).
- UTILIZZARE LE MINIATURE - se dovete inserire nelle vostre
pagine delle immagini molto grandi, create delle miniature per fare sì che
i visitatori possano avere un'anteprima di quello che stanno per
visualizzare e scegliere se aspettare o meno. Per farlo basta creare
inserire nella pagine questo frammento di codice HTML nel punto in cui
volete che compaia la miniatura:
<p><a href="immagine.gif"><img
src="immagine_small.gif" width="100" height="151"
border="2"></a>
- CREARE UN FILE SEPARATO PER LE DEFINIZIONI DELLO STILE -
amate i fogli di stile? Invece di includere la definizione degli stili nelle
pagine, create un file con estensione .CSS dove definirete gli stili. Create
poi un link come questo in cui farete riferimento allo stile contenuto nel
file (es. text) e inseritelo nella sezione <HEAD> della pagina in cui
volete che lo stile sia applicato:
<LINK REL="StyleSheet"
HREF="nomefile.css" TYPE="text/css">
- DEFINIRE LE DIMENSIONI DELLE IMMAGINI - provate ad definire
i parametri
WIDTH e HEIGHT delle immagini che inserite nella pagina: noterete
un'immediata accellerazione dei tempi di caricamento.
- RICICLARE GLI ELEMENTI GRAFICI - cercate di riutilizzare
gli elementi grafici già usati, puntando a quelli già salvati in altre
cartelle. In questo modo, ridurrete di molto i tempi di scaricamento.
QUESTI CONSIGLI SONO TRATTI DAL N° 14 DI INTERNET PRATICO.
|
