Newsgroup: it.lavoro.professioni.webmaster
Titolo: Trucchetto per velocizzare un sito

Guardando questo capite da soli: 
https://www.google.com/accounts/youtube/youtube_master.png

 
https://www.google.com/accounts/youtube/youtube_master.png
O__o
estremizzazione del concetto
-- 
Giacomo
  np: (Foobar is not active ;-)

 estremizzazione del concetto
considerando che sono 11KB di immagine.... io cerco di usare il più 
possibile il background-position sui miei siti, quando usi poche tonalità di 
colore i png pesano come delle piume... e tutti i rollover diventato 
scheggie :D
-- 
SimBus82.net coming soon - 
http://www.simbus82.net
Photo&DGTArt - 
http://simbus82.deviantart.com/
BodyWorkout - 
http://simbus82-workout.blogspot.com/
Combatti on-line con 
http://re-caio.labrute.fr
 

 png pesano come delle piume... e tutti i rollover diventato scheggie :D
cosa molto furba ma inizialmente costosa.
ti ammiro ma spesso, causa tempi stretti ed investimenti "low cost" 
tocca badare al sodo e poco alla qualità del codice.
in fin dei conti, in tanti anni che faccio questo lavoro, non ho mai 
trovato nessun cliente che si mettesse a cronmetrare il tempo di 
caricamento del proprio sito! (per fortuna! :)


 caricamento del proprio sito! (per fortuna! :)
Guardala dall'altra parte:
- se vuole cambiare grafica lo fa con un file
- se il file ha 30 immagini google riceve UNA richiesta invece di TRENTA
- certamente google invia 11 kb, ma poiché se vai su quella pagina al 
95% è perché vuoi entrare su youtube, le altre immagini ti serviranno e 
le troverai in cache !
L'altro giorno è uscita una ricerca che se tutti i maggiori siti 
usassero url brevi si risparmierebbero svariati gigabyte di traffico 
(pensa che ad ogni immagine richiesta devi inviare la GET con tutto il 
referer dentro....)
L'unione di queste due tecniche fa diminuire il traffico di rete... 
ovviamente te ne accorgi se sei google, yahoo, microsoft, facebook....
Francesco


ma passare il mouse su un bottone la prima volta e vedere che mostra 
istantaneamente il rollover non ha prezzo ehheheheh :-D


 e le troverai in cache !
beh già io con l'htaccess e i vari compressori mi diverto molto ad 
ottimizzare sia che sia un cms come joomla o un sito statico, mettere le 
mani su etags, tempi di expire, gzip e minificazione porterebbe molto siti 
anche famosi ad avere velocità inimmaginabili!


 Guardando questo capite da soli:
https://www.google.com/accounts/youtube/youtube_master.png
Ho un rilascio a giorni, e abbiamo adottato questa tecnica.
Unita a degli expire HTTP per gli asset di 10 anni + versioning del
file ho calcolato che oltre all'evidente vantaggio in termini di
velocita' dovrei diminuire _tanto_ sia l'overhead HTTP che il consumo
di banda.
Bella segnalazione.
  ngw

 - se il file ha 30 immagini google riceve UNA richiesta invece di TRENTA
[...]
sono assolutamente d'accordo ma, per situazioni lavorative, oltre ai 
problemi riscontrati e riportati nell'email precedente, ho ricevuto 
spesso mansioni di SEO.
In questo caso preferisco usare più immagini, ben trattate, con nomi 
singoli, alt e quant'altro, per far pescare più roba dai search engine 


 Guardando questo capite da soli:
L'avevo già notato qualche tempo fa, ma non ho capito come funziona.
Saluti.
Luciano

Luciano (DOC) ha scritto:

Se vai qui, mi sembra al numero 13 c'è l'esempio durante la creazione.
http://css-tricks.com/video-screencasts/
In pratica il trucco è quello di indicare nel css la stessa immagine ma 
di muovere le coordinate iniziali. Questo, in combinazione con la 
corretta width e height ti "ritaglia" una zona della immagine.
COn il css di hover, non fai altro che dare un diverso displacement 
delle coordinate iniziali.
Se guardi il filmato capisci al volo.
Francesco


semplicissimo: nel css carichi sempre quella immagine, solo che con il 
background-position decide quale pezzo di quella immaginona far vedere.
