Sprite css
Autor: Uberto Piccardo
Besucht 1644,
Followers 1,
Geteilt 0
É possibile realizzare sprite css delle immagini create da website x5 del menù? Per velocizzare il caricamento delle pagine come suggerito da google page speed?
Gepostet am
... questa di Google non so cosa sia, ...ma il programma è già fornito di un preloader in JavaScript per i pulsanti, anche se nella v.8 non era molto rapido...
... comunque, un trucco inventato da me diversi anni fa consite in due metodi simili:
- uno con un precaricamento delle immagini in Flash, che rende disponibili subito le immagini al rollover dei pulsanti, per esempio questo: http://www.zspace.it/kolasim/wsx5_v8/doppiomenuvert4/...senza questo metodo il rollover si sarebbe attivato con 0,5-1 secondo di ritardo, che è molto...
- ed il secondo metodo con un DIV e/o proprietà nascosta/invisibile che carica le immagini in background per renderle disponibili subito al rollover sulle immagini, come in quest'altro esempio per i pulsanti audio: http://www.zspace.it/kolasim/wsx5_v8/clone/
... ed qui le immagini usate nella HOME sono visibili per far capire come funziona, ed in pagina_1 è attivo il "display:none": http://www.zspace.it/kolasim/wsx5_v8/mappaFabrianoRollOver/index.html
... essendo le pagine prive di contenuti che possano creare confusione, dal codice HTML della pagina è evidente il metodo usato...
... poi ovviamente, io risolvo da me con SwishMax, e non ho cercato in RETE, ma lì si troverebbero sicuramente decine di soluzioni J.S. da adattare alle proprie esigenze...
.
bye, KolAsim
Se vuoi, puoi dare una occhiata qui, dove è descritto il rollover delle immagini con tre diversi sistemi, l'ultimo dei quali utilizza appunto sprite CSS
http://www.essedi.altervista.org/_sito/rollover.html
Autor
Grazie , ho dato un'occhiata , ma la mia domanda era diversa .
Visto che la velocitá di caricamento di una pagina é ormai un fattore di primaria importanza e il fattore di avere alcune immagini riunite in uno sprite css è suggerito anche da google per realizzare pagine veloci , volevo sapere se il nostro amatissimo websitex5 si sarebbe aggiornato a breve per dare in automatico questa funzionalitá sulle immagini che crea del menu????
il peso di una pagina ed il relativo tempo di caricamento non sono certo dovuti alla presenza o meno di un menù realizzato con la tecnica sprite, secondo me non vi sarebbe differenza o se ci fosse sarebbe nell'ordine del "trascurabile", tra l'altro la mia impressione è che questa tecnica sia generalmente abbandonata perchè ormai ha fatto il suo tempo,
attualmente e per il prossimo futuro l'orientamento "obbligato", che auspico sarà seguito anche da incomedia (e in tempi stretti spero) , è html5+css3 + responsive layout.
... la domanda iniziale è al presente, ed in base ad essa hai avuto i suggerimenti attuabili da subito, certo non in automatico; ... per quello che sarà il futuro del programma, è un altro discorso, e potresti postare la tua bella idea appunto in Argomento IDEA, in modo da metterla in evidenza per la valutazione da parte dello Staff Tecnico...
.
bye, KolAsim
Fino a questo punto concordo.
attualmente e per il prossimo futuro l'orientamento "obbligato", che auspico sarà seguito anche da incomedia (e in tempi stretti spero) , è html5+css3 + responsive layout.
Il mio esempio è realizzato con HTML+CSS3.
Per il responsive layout credo che passerà moooolto tempo prima che sia implementato in Incomedia Website.
Autor
Risolto con l'utilizzo di pagespeed_module sul mio server e con le impostazioni date con .htaccess : ora il mio sito http://www.dentista-genova-dottpiccardo.itha con gtmetrix 95% di pagespeed e 88% con Yslow :-)