Ottimizzazione codice html

[Swalke]

Ciao a tutti!
Ho costruito un sito in grafica e ho compresso le immagini in modo da avere un buon compromesso tra visualizzazione e tempi di download.

Tutte le pagine impiegano (alla prima visualizzazione) al massimo 15 secondi con una connessione a 56K.
Tutti i tempi delle pagine sono accettabili tranne quello della home.
La home con una connessione a 56K impiega 40 secondi!
La home contiene molte più cose delle altre pagine tra cui due moduli con dei select con moltissime option.
Togliendo queste option i tempi si riducono di 10 secondi... ...e 30 secondi al primo accesso era il limite che mi ero prefissato.

Ora voglio chiedervi un parere:
Se mettessi queste option in un file esterno javascript che scrive le option tramite dei "document.write" ci guadagnarei qualcosa?
Lo so che in teoria non cambia niente perchè in un file o nell'altro le option devono comunque essere scaricate, ma magari così facendo si ottiene che la pagina viene visualizzata anche se le option nel file javascript non sono ancora state caricate... ...che sarebbe una cosa positiva!

Fatemi sapere!
...e se avete altre tecniche per l'ottimizzazione fatemi comunque sapere!

[lombardp]

Lavorare sugli altri 30 secondi non è possibile?

[Swalke]

Calcolando che le immagini sono ottimizzate già al massimo delle possibilità...

Se hai dei consigli utili sono ben felice di conoscerli!:)

So che i CSS potrebbero aiutarmi, ma non ho ancora capito bene come!

[tglman]

Secondo me la prima cosa che devi considerare è la pesantezzza del file html cercando di eliminare il più possibile... inserendo per l'appunto i css e cercando di eliminare strutture inutili...
Ad esempio molti programmi inseriscono alla creazione grafica di una tabella all'interno di ogni cella un <p></p> che magari per una semplice immagine è inutile... rimane sempre che per performare le cose devi lavorare con il codice a mano...

Ciao

[lombardp]

Originariamente inviato da Swalke
Calcolando che le immagini sono ottimizzate già al massimo delle possibilità...

Se hai dei consigli utili sono ben felice di conoscerli!:)

So che i CSS potrebbero aiutarmi, ma non ho ancora capito bene come!

Per darti dei consigli sarebber utili estratti del codice prodotto e delle immagini.

[Swalke]

Se andate sul sito di winnerland trovate una pagina che ha un tempo di caricamento molto vicino alla mia!

Solo che Winnerland è bene ottimizzato! Infatti le cose iniziano ad apparire da subito e finiscono dopo una trentina di secondi!
In certi siti invece si attendono trenta secondi di nulla e poi ad un tratto compare tutto!
Come si evita questa cosa? Da cosa dipende?

[Blackat]

L'indirizzo della home quale è ? :confused:

[Swalke]

la home di winnerland è qui:
http://www.winnerland.com

[Blackat]

I problemi nel codice html sono tantissimi!

Tu hai una pagina di 57400 byte che come minimo si può
ridurre ad una pagina di meno 30000 byte.

Ad esempio, riga 96 :

<center></center>

lo puoi benissimo togliere visto che non serve a niente.

Rimane il fatto che utilizzi per la formattazione della home
le tabelle che oggi non vengono usate più per la formattazione
delle pagine web.

So che può venire difficile pensare a realizzare il layout del
sito senza le tabelle ( lo pensavo anche io così, ma è
questione di abitudine ) ma si può fare. :)

Per il resto credo che i vari pezzi di flash sono quelli che rendono
lento il caricamento del sito.

[Blackat]

Questo è come si vede il tuo sito con lynx, uno dei più famosi
editor testuali utilizzati

[1]tanti giochi e concorsi con in palio fantastici premi

[bg_cruscotto.gif] Il tuo Winnerland [ang_tuo.gif]

Nome Winnerland ____________
Password ____________
[2]vai >>
[3]Iscriviti ora!
[4]Ricorda i tuoi dati

Motore di ricerca premi Winnerland
[Scegli il premio] Vai
[ang_bottomsx.gif] [ang_bottomdx2.gif]
[EMBED]
[EMBED]
[bg_cruscotto.gif] I nostri vincitori: 16748 [ang_winners.gif]

[5]i nostri vincitori giurese
ha vinto
"un lettore DVD All-Tel"

[ang_bottomsx.gif] [ang_bottomdx2.gif]
[bg_cruscotto.gif] WinCommunity [ang_tuo.gif]

[6][button_pw.gif] Guadagna Punti Win rispondendo al nostro
questionario
[7] :: area vincitori [win.gif]
[8] :: guestbook
[9] :: l'angolo delle idee
[10] :: bacheca di Elena [win.gif]
[11] :: contattaci

[ang_bottomsx.gif] [ang_bottomdx2.gif]
[bg_cruscotto.gif] Le Aree [ang_tuo.gif]

[12] :: infovinci [win.gif]
[13] :: i concorsi conclusi
[14] :: win mobile
[15] :: oroscopo [win.gif]
[16] :: lotto [win.gif]

[ang_bottomsx.gif] [ang_bottomdx2.gif]

Se hai problemi nella visualizzazione dei giochi scarica il plugin
flash:
[17][getflashplayer.gif]

[bg_cruscotto.gif] [18]Gioca e Vinci [ang_gv.gif]
[bg_cruscotto.gif] [19]InfoVinci [ang_iv.gif]
[bg_cruscotto.gif] [20]PuntiWin [sun_tab.gif] [ang_pw.gif]
[21][tab_wlc.gif]
[dot_cruscotto.gif]

[dot_cruscotto.gif]

[EMBED]
[EMBED] [EMBED]
[EMBED]
[EMBED] [EMBED]
[EMBED]
[EMBED]

[dot_cruscotto.gif]
[ang_tuo_bottsx.gif] [dot_cruscotto.gif] [ang_tuo_bottdx.gif]

[EMBED]

[bg_cruscotto.gif] InfoVinci [ang_tuo.gif] [dot_cruscotto.gif]

[dot_cruscotto.gif]

[is_03.gif] [moneta.gif]
[22][vai_hp.gif]
[is_02.gif] [moneta.gif]
[23][vai_hp.gif]
[is_01.gif] [moneta.gif]
[24][vai_hp.gif]

SCOMMETTERE 24 ORE AL GIORNO?
Da oggi puoi seguire tutti i campionati di calcio 24 ore su 24! Una
giornata ogni 90"! Incredibile ma vero: 24Hour Football
SCOPRI IL NUOVO CONCORSO SAMSUNG
Puoi vincere un bellissimo cellulare Samsung SGH-E630 e altri
fantastici premi! Clicca qui! GIOIE.IT
Registrati su Gioie.it e riceverai subito un buono sconto da 15!

Gioca e vinci In scadenza
[25]Metti alla prova la tua abilità con il mouse, partecipa e scopri
se hai vinto [26]Affrettati, hai ancora pochi giorni per partecipare a
questi concorsi!
Rispondi e vinci Vincite istantanee
[27]Per gli appassionati del quiz: domande, questionari e sondaggi
[28]Basta un click per scoprire se hai vinto. Gratta e vinci ed
estrazioni immediate
Iscriviti e vinci Sms...sa e vinci
[29]Compila i form ed invia i tuoi dati, in palio troverai fantastici
premi [30]Solo la tastiera del tuo telefonino per partecipare e
vincere
Acquista e vinci Raccogli e vinci
[31]Acquista i prodotti ed invia i tagliandi, parteciperai
all'estrazione di favolosi premi [32]Scegli, raccogli e spedisci: le
raccolte punti più interessanti selezionate per te.

[dot_cruscotto.gif]
[ang_tuo_bottsx.gif] [dot_cruscotto.gif] [ang_tuo_bottdx.gif]

[EMBED]

[33][onlyforweb.gif]
[34][946742]
[35]Delete

[EMBED]
| [36]Cos'è Winnerland | [37]News | [38]Chi Siamo | [39]Lavora Con Noi
[40]Digibrands

[Swalke]

Questo non è il mio sito... ...è solo un sito che dovrebbe impiegare circa 30 secondi ad aprirsi (come il mio)!
Il mio non è on-line.
Lo avevo postato per sapere una cosa!
Il sito di winnerland nonostante pesi 30 secondi, viene visualizzato piano piano!
Altri siti invece compaiono di botto solo alla fine dei secondi!
Questa è la vera cosa letale dell'attesa!
Da cosa dipende?

Inoltre come faccio a non usare le tabelle?
Come separo le cose?

[Blackat]

Questo non è il mio sito... ...è solo un sito che dovrebbe impiegare circa 30 secondi ad aprirsi (come il mio)!
Il mio non è on-line.
Lo avevo postato per sapere una cosa!
Il sito di winnerland nonostante pesi 30 secondi, viene visualizzato piano piano!


Pensavo fosse il tuo! :p
Resta il fatto che il sito di winnerland non è usabile.

Altri siti invece compaiono di botto solo alla fine dei secondi!
Questa è la vera cosa letale dell'attesa!
Da cosa dipende?


Penso che dipenda da molti fattori, sopratutto dal peso della pagina
e dei contenuti dinamici ( sopratutto quelli delle immagini che si
creano appena apri la pagina ).


Inoltre come faccio a non usare le tabelle?
Come separo le cose?


Utilizzi i blocchi, e cioè quelli che fai con i tag <div>.
Metti un pò di css e riesci a fare un molto lineare, pulito e carino.
Se vedi la home del mio sito noterai che è molto pulita e
sopratutto noterai il fatto che non ho utilizzato le tabelle.
Per qualsiasi problema scrivi. ;)

[lombardp]

Originariamente inviato da Swalke
Questo non è il mio sito... ...è solo un sito che dovrebbe impiegare circa 30 secondi ad aprirsi (come il mio)!
Il mio non è on-line.
Lo avevo postato per sapere una cosa!
Il sito di winnerland nonostante pesi 30 secondi, viene visualizzato piano piano!
Altri siti invece compaiono di botto solo alla fine dei secondi!
Questa è la vera cosa letale dell'attesa!
Da cosa dipende?
Inoltre come faccio a non usare le tabelle?
Come separo le cose?

L'attesa può dipendere da tante cose, per esempio specificare WIDTH e HEIGHT per le immagini significa semplificare il lavoro al browser, che sa subito lo spazio da allocare. Anche tabelle particolarmente complesse vengono "disegnate" solo quando il browser ha la visione complessiva.

Il tempo di caricamento si riduce anche con il prefetch delle immagini, inserendo un piccolo JavaScript all'inizio che carica le immagini prima che compaiano nell'HTML.


Se vuoi togliere le tabelle ti dico questo: convertire un sito che usa pesantemente le tabelle in uno che usa DIV e CSS è spesso impossibile. Per non usare le tabelle è molto più agevole pensare da subito il sito per non usarle.

[Blackat]

Se vuoi togliere le tabelle ti dico questo: convertire un sito che usa pesantemente le tabelle in uno che usa DIV e CSS è spesso impossibile. Per non usare le tabelle è molto più agevole pensare da subito il sito per non usarle.


Sono d'accordo con te, ma ci sono certi dettagli in siti costruiti
pesantemente con le tabelle dove è possibile fermarsi un secondo
e pensare la soluzione alternativa ad una tabella.

Conosco alcuni che utilizzano tabelle per realizzare banner
al top della pagina che si possono
fare con i div, che utilizzano tabelle per fare menù che
si possono fare con le liste, o che utilizzano righe e/o colonne
di tabelle per fare spazi o righe bianche, che utilizzano
tabelle per posizionare immagini in vari posizioni della pagina
dove è possibile utilizzare il tag img con qualche riga di
codice di css!!!

Sono questi piccoli dettagli che migliorano la qualità di un sito
web e non costa molto tempo prendere il codice sorgente
e fare un minimo di pulizia togliendo se non tutte almeno alcuni
inutili tabelle.

Ricordo che mi fu spiegato il vero significato di una tabella.
Una tabella nasce per essere una tabella ( sccusate il gioco di
parole ) e non un modo per dare un layout carino ad una
pagina html.


A chi non ci crede consiglio di visitare il sito di Tiscali.it e notare
che non hanno utilizzato tabelle per il layout del sito.