Il tempo di attesa per un sito web è uno dei fattori più importanti inerenti all’usabilità. La maggior parte degli utenti, tende a ignorare un sito se questo ci mette troppo tempo a visualizzarsi. Ecco 6 trucchi per rendere più veloce una pagina web
- Ottimizzare le immagini: Uilizzare sempre “Salva per il web” nei programmi di grafica, come photoshop, per ridurre le dimensioni. Se l’immagine è già presente, ottimizzarla con strumenti software. es, ottimizza le immagini online.
- Formato dell’immagine :Scegliere un formato per l’immagine adeguato: JPEG lo è per le fotografie (senza trasparenza); GIF per le immagini con pochi colori e per i loghi (supporta la trasparenza); PNG è una via dei mezzo tra i due (supporta la trasparenza e milioni di colori)
- Ottimizare i CSS : Pulire il codice css, rendendolo più chiaro, ottimizzarlo in base ai selettori, rimuovere i commenti. E’ possibile utilizzare CleanCSS per fare questo lavoro
- Inserire il carattere di slash alla fine di un link: Quando un utente carica un link della forma www.miosito.it/pagina il server cerca il tipo di file o di pagina associato all’indirizzo , ma se inseriamo il carattere di slash (/) alla fine del link indichiamo di caricare una pagina di directory, riducendo il tempo di attesa
- Inserire gli attributi Height e Width : Non dimenticare di inserire questi attributi nei tags. In questo modo si comunica al browser le dimensioni dell’immagine prima di caricarla in modo da riservargli un posto e velocizzare il processo di caricamento.
- Ridurre le richieste HTTP: Ogni volta che una pagina web carica un oggetto web (immagine, script, file css) effettua un carico di lavoro a lato server (una richiesta http). Ridurre il numero di queste richiesta aumenterà la velocità del nostro sito (es. combinare i file js e/o i file css).
[reference: dailyblogtips.com]
Ciao Gennaro, da pochi mesi ho aperto un blog e mi sono avvicinato, alle varie tecniche di posizionamento e accessibilità.
Tuttavia mi è poco chiaro l’utilizzo di CleanCSS.
Ho inserito l’ URL del mio blog e sono apparsi alcuni messaggi d’errore e un lungo codice.
Una volta ottenuti questi risultati come bisogna procedere per pulire i CSS; bisogna ricopiare il codice?
In quale file eventualmente?
Come piattaforma per il blog utilizzo wordpress 2.9.2
Grazie mille!
Il codice va copiato al posto del file css che hai inserito come url o direttamente nella textarea. Ti ricordo che le modifiche dipendono dai valori nelle opzioni a destra dell form.
ok, grazie del chiarimento;)
@cirio: si. I commenti sono inutili (per la macchina) e vengono ovviamente parsati dal browser. Eliminarli, serve a ridurre lo spazio del file e quel minimo di tempo per la loro eliminazione dal parser.(tutto fa brodo..;) )
mmm..good;) mi serviva un chiarimento xo… quindi i link dovrei impostarli tutti:
http://lineguides.netsons.it/ <– così?
Mi chiedevo, ma come contribuiscono al carico di lavoro i commenti nei css O_o?sei sicuro di questO?se si, mi potresti spiegare il xkè nel dettaglio?grazie
seguiro’ i toui preziosi consigli per il mio blog:
http://blogdolci.com
grazie
prego ;)
non sapevo il trucchetto dello slash, grazie mille. :)