Dare delle priorità al caricamento della pagina.

[webus]

Di default si assume che una tabella abbia specificato una larghezza pari a 100%, e le celle abbiano tutte una larghezza identica tra loro. Ovviamente nella pratica questo raramente soddisfa il layout delle pagine web.

L'alternativa è che specificando numero delle colonne e loro larghezza (COL o COLGROUP + TABLE width) permetti al browser di operare una "visualizzazione incrementale" con fixed-layout. Le dimensioni delle celle in questo caso sono assunte prima del caricamento dei dati nelle celle.

In caso non usi COL/COLGROUP il browser utilizzerà la prima riga della tabella per assumerne le dimensioni (quindi necessariamente dopo il caricamento completo dei dati della prima riga) e opererà in modalità di auto-layout.
Questo avviene in due passaggi: nel primo viene disabilitato il wrapping del testo e viene stabilità la minore e maggiore larghezza delle colonne (la larghezza minima viene settata sulla parola più lunga). Il calcolo viene poi ripetuto anche su eventuali colonne che operano uno span tra colonne multiple.
Questo processo si ripete a sua volta per ogni eventuale tabella annidata all'interno della tabella stessa.

In entrambi i casi se il contenuto delle celle è maggiore della larghezza assegnata il browser potrebbe dover operare un ridimensionamento delle colonne.

Circa la tua domanda io troverei più semplice cambiare l'immagine assegnata al background via CSS impiegando un po' di javascript:

onclick="document.getElementById('mia_tabella').style.backgroundImage = 'url(nuova_immagine.jpg)'" 

[Igreo]

Perfetto per quanto riguarda le tabella, ho ancora dei punti interrogativi circa quello che segue:

Mi hai detto di utilizzare lo javascript che mi hai gentilmente postato, ma mi sorge un dubbio... in quel caso l'immagine nuova dovrà essere caricata e non è presente già in cache, quindi si avrà un certo intervallo di tempo prima che questa venga caricata!
In alternativa, non posso fare riferimento direttamente ad una classe, visto che tu mi hai detto che tutto quello che fa parte dello style è viene cariato già come head..perciò non conviene fare.. onclick="this.class= nomeclasse;" non è meglio questa seconda soluzione? anche se non so affato dell'esattezza del codice e quindi ti chiederei di aggiustarlo nel caso non fosse corretto!

Ti ringrazio ancora e ti saluto, a presto!;D

[webus]

Puoi fare riferimento ad una classe, certo:

onclick="document.getElementById('mia_tabella').className='nuova_classe'"> 

Ma attenzione, per quanto riguarda il caricamento di risorse via CSS (come le immagini) non ti basta avere creato una classe ad-hoc. Dovrai anche aver assegnato quella classe ad un qualche elemento presente nel documento. In genere lo si pone in fondo alla pagina (in modo da non rallentare il caricamento di altri elementi) settato con visibilità hidden e dimensioni di 1px.

[Igreo]

Quindi, il fatto di mantenere le dimensioni delle celle non mi è molto chiaro.. ma provo a sparare:

se ho un css adhoc, con background-image e carico questa immagine in basso alla mia index in modalità hide e 1 px, l'immagine si vedrà subito (quasi immediatamente... giusto?), se avrò settato la grandezza delle celle, altrimenti, dovraà aspettare che il caricamento dell'immagine precedente sia avvenuto! (giusto?.. TI PREGO DI RISPONDERE A PUNTI QUOTANDO)
E.. nel caso in cui ho fissato le dimensioni delle celle, naturalmente l'iimagine più in basso sarà caricata per ultima.. ma in questa maniera il caricametne avverrà molto più velocemente! Giusto?


MA, ora voglio farti acnora qualche domanda relativa:

Sappiamo che una pagina HTML ha il Css (che può essere esterno), ha lo script (che può essere esterno), ecc... Quindi, la domanda è la seguente.. Conviene tenere i file esterni oppure no per migliorare la velocità di visualizzazione e di lettura della pagina?
In particolare, cosa cambia se metto file esterni anzichè buttare tutto all'interno della mia index? Il processore del letture deve compiere più operazioni? E la velocità di elaborazione cambia? Io che sono server, faccio più fatica a gestire file esterni? Cioè mi occupa banda in uscita oppure queti file vengono letti una sola volta dell'utente che le immagazzinerà nella cache del prprio PC?
Ecco proprio questo vorrei sapere in particolare, come avviene la lettura delle pagine? Ogni volta che si preme un pulsante che ha uno script nell'onclick, il PC deve rileggere tutto il file nella parte interessata oppure no? Se si, che scompensi ha il server e l'utente (peggio se non ha cache!)? Insomma, come miglioro le prestazioni di lettura e le eventuali riletture (se avvengono) da parte dell'utente?
Sto scriptando una pagina index senza file esterni, faccio bene o male?

Ciao e innumerevolmente grazie!

[webus]

Originariamente inviato da Igreo
Quindi, il fatto di mantenere le dimensioni delle celle non mi è molto chiaro.. ma provo a sparare:

vedo di farti io un esempio,, che il tuo non l'ho mica capito:
hai una tabella con 100 riche e 3 colonne. Nel caricare la pagina il browser cercherà tra COL, COLGROUP o la prima riga della tabella le dimensioni con cui renderizzarla. Se le trova potrà iniziare a mostrala in modo incrementale, mano a mano che carica nuovi dati. Se non le trova dovrà invece procedere fino a che non si è fatto un'idea delle loro dimensioni. Sfortunatamente può capitare che l'idea se la faccia solo dopo aver caricato tutta la tabella.

se ho un css adhoc, con background-image e carico questa immagine in basso alla mia index in modalità hide e 1 px, l'immagine si vedrà subito (quasi immediatamente... giusto?)

direi di no. Se hai messo il caricamento dell'immagine in fondo all pagina verrà caricata per ultima.
Se invvece hai impostato l'immagine nel CSS nella head, allora verrà caricata in modo indipendente dal documento html.

Sappiamo che una pagina HTML ha il Css (che può essere esterno), ha lo script (che può essere esterno), ecc... Quindi, la domanda è la seguente.. Conviene tenere i file esterni oppure no per migliorare la velocità di visualizzazione e di lettura della pagina?
In particolare, cosa cambia se metto file esterni anzichè buttare tutto all'interno della mia index? Il processore del letture deve compiere più operazioni? E la velocità di elaborazione cambia? Io che sono server, faccio più fatica a gestire file esterni? Cioè mi occupa banda in uscita oppure queti file vengono letti una sola volta dell'utente che le immagazzinerà nella cache del prprio PC?
Ecco proprio questo vorrei sapere in particolare, come avviene la lettura delle pagine? Ogni volta che si preme un pulsante che ha uno script nell'onclick, il PC deve rileggere tutto il file nella parte interessata oppure no? Se si, che scompensi ha il server e l'utente (peggio se non ha cache!)? Insomma, come miglioro le prestazioni di lettura e le eventuali riletture (se avvengono) da parte dell'utente?
Sto scriptando una pagina index senza file esterni, faccio bene o male?

Ciao e innumerevolmente grazie!

La differenza sostanziale sta che un documento esterno (CSS, JavaScript etc.) lo caricho una volta e lo usi per molte pagina. Mentre degli stili inline occupano spazio in ogni nuova pagina che vai a visualizzare, con anche maggiore consumo di banda.

Per velocizzare al massimo comunque la cosa da considerare è scrivere del codice pulito e privo di errori. Gli errori soprattutto sono una cosa che raramente compaiono ma causano molto lavoro extra al parser (X)html.

[Igreo]

Originariamente inviato da webus
direi di no. Se hai messo il caricamento dell'immagine in fondo all pagina verrà caricata per ultima.
Se invvece hai impostato l'immagine nel CSS nella head, allora verrà caricata in modo indipendente dal documento html.

Uhmm.. quindi io metto nel css:

.imm {background-image:url('http://...')}
.imm1 {background-image:url('http://...')}
.imm2 {background-image:url('http://...')}
.imm3 {background-image:url('http://...')}
.imm4 {background-image:url('http://...')}

E poi, nella pagina index, in fondo alla pagina scrivo
<img class="imm"></img>
<img class="imm1"></img>
<img class="imm2"></img>
<img class="imm3"></img>
<img class="imm4"></img>

Probabilmente avrò scritto un'altro castroneria.. ma non ne conosco altri metodi o quello diciamo convenzionale! ..Sorry!!^^

[Igreo]

UP!

[Igreo]

Scusami l'up ma sono curioso!

Ciao.

[Igreo]

UP!!! Scusate, ma non ho altro di meglio da chiedere!^^;

[webus]

Prova a rispiegare cosa vuoi ottenere, io francamente non l'ho capito.