Consigli preliminari



  • Quanto dovrebbe pesare una pagina html? La home page dovrebbe caricare in meno di 6 secondi con un modem a 56 k. Quindi complessivamente non dovrebbe superare di 40 k
  • Le tabelle, se sono troppo complesse rischiano di rallentare la composizione della pagina nel browser. Dovrebbero sempre potersi espandere in verticale per accogliere nuovi link
  • Creare delle directory per organizzare i files (directories che contengono i vari html per le diverse aree di contenuto)
  • Usare quando è possibile fogli di stile esterni alla pagina
  • Utilizzare template/include nelle parti fisse delle pagine in collaborazione con i programmatori Asp, Php per facili aggiornamenti
  • Automatizzare il più possibile - cercare il più possibile di alimentare le pagine tramite database-
  • Testare sempre in diverse piattaforme e browsers
  • Usare HEIGHT e width nel tag delle immagini per un caricamento migliore
  • Usare gli ALT text per le immagini
  • Usare le nuove tecnologie e nuovi linguaggi solo quando sono stabili
  • Per i form attenzione ai tasti "Reset". Per lo più costituiscono un problema, perché gli utenti li attivano per sbaglio al posto del "Send". In linea di massima andrebbero evitati.
  • Gli svantaggi dei frame sono ormai di dominio pubblico: non si possono stampare, né possono essere ricostruiti dai motori di ricerca. Confondono i visitatori che perdono facilmente l'orientamento, non distinguendo la posizione in cui si trovano rispetto all'home page. Sono per lo più sconsigliati.

L'ottimizzazione del codice dovrebbe essere manuale o automatica?
Il modo più semplice di comprimere il sorgente sarebbe quello di usare un programma per l'ottimizzazione dell'html.
Se si osserva il codice sorgente del motore di ricerca Google per esempio, ci si accorge che non ci sono spazi tra un tag e l'altro; sono sparite le indentazioni e molti spazi, il risultato è che la velocità di caricamento è impressionante. Naturalmente un codice di questo genere è difficilmente ri-editabile, per cui la compressione è un lavoro che va fatto alla fine.

Programmi come Space Agent, VSE Web Site Turbo, e WebOverdrive, lavorano tutti per rimuovere gli eccessi di spazi, le tabulazioni, gli apici, e tutti gli attributi che non sono indispensabili.

L'ottimizzazione automatica non può fare miracoli, un lavoro veramente accurato può essere solo eseguito a mano. L'idea rimane comunque quella di ottenere la videata il più velocemente possibile e per farlo - quando un sito è veramente molto trafficato - non rimane che agire con regole estreme.

Ultimi articoli Web design

Metro, il "linguaggio di design" di Windows 8

I principi ispiratori del "linguaggio di design" utilizzato da...

Bootstrap: il framework di Twitter

Sviluppare applicazioni web sfruttando il framework con cui è stato...

Sfondi a tutta pagina con jQuery

Come avere degli sfondi a tutta pagina sui vostri siti web, per...

Grid design, dalla tipografia al web

Design coerenti e layout consistenti, usando principi di...

Art Direction e Design

Capire la differenza tra la direzione artistica di un progetto e il...

Altri articoli

Guide Web design

Guida Pubblicare un sito web

Le verifiche fondamentali da effettuare prima del lancio di un nuovo...

Guida Web Writing

Saper scrivere per il Web è una delle armi per attirare utenti e per...

Guida Accessibilità dei siti Web teorica

Questa guida è finalizzata sostanzialmente a una conoscenza e a una...

Altre guide

Newsletter @Grafica e Web Design

Ogni settimana, direttamente nella tua e-mail: guide, articoli, tutorial e FAQ su Web Design e grafica per il Web.

Iscriviti alla newsletter

Altre newsletter

Corsi in aula

Corso Google AdWords Base

25 Giugno 2012 a Milano
Disponibilità: 7 Posti

Corso Google AdWords Base

05 Giugno 2012 a Roma
Disponibilità: 7 Posti