Problemi velocita sito

[deltabiri]

Salve, non so per quale motivo ma da un po di tempo a questa parte il sito sembra essere rallentato nell'apertura delle pagine,
misurano con yslow di mozilla effettua un'apertura index a 2,5 secondi circa
stessa cosa con questo tool http://tools.pingdom.com/?url=http://ww ... &save=true
come mi e stato consigliato il sito dovrebbe aprirsi sotto il secondo
secondo voi e' solo un problema di server ? uso aruba, ma prima non sembrava cosi lento...oppure pensate sia dovuto a qualche altra cosa?
grazie

[hsg26]

magari i furboni senza dirtelo ti hanno spostato su un server più affollato...

[hsg26]

attiva gzip, comprimi le immagini, magari sostituendo il jpeg e il gif con il png, pulisci il codice, sostituisci le immagini di sfondo con colori css, metti i richiami a jquery e vari javascript alla fine. Comprimi javascript e css multipli in un unico file, ...

e prova a fare quanto indicato qui: viewtopic.php?f=19&t=8767

... e poi vedi se la situazione migliora... alla peggio cambia hosting, sicuro ce ne sono centinaia meglio (più veloci, stabili e aggiornati) di aruba, con prezzi simili.

[deltabiri]

un'attimo...
la compressione gzip e' gia attiva
per le immaggini, come puoi vedere sono si jpg ma in bassa risoluzione e vanno dai 20kb ad un massimo di 30kb per foto (non mi sembra tantissimo), in piu ho anche On the Fly'Auto Thumbnailer
per quanto riguarda il codice ho da poco pulito tutto, eliminato file sconosciuti, vecchie pagine, smontato contribution come newsdesk ecc... e poi come puoi vedere e' anche validato sia html che css
il link che mi hai postato lo seguo e l'ho messo in pratica da quando e' stato creato....se non sbaglio deve esserci anche qualche mia richiesta di aiuto
Unica cosa che non capisco e': "metti i richiami a jquery e vari javascript alla fine" + "Comprimi javascript e css multipli in un unico file"
css multipli non ne ho, uso solo stylesheet.css, mi spieghi come mettere i richiami alla fine? e come si comprimono i java ?

p.s. come si fa a conoscere se un hosting e' migliore di un'altro? se scrivi hosting su google ne escono centinaia....ma quale scegli? sono passato da hostingplan che pagavo 115€ + iva ad aruba 20€ +iva e non ho notato nessuna differenza

[hsg26]

http://whois.domaintools.com/tentazionishop.it ci sono altri 800 siti su quel server... in ogni caso, c'è gente qui nel forum che offre servizi per oscommerce... cerca con la parola hosting, ne abbiamo parlato recentemente...

per il javascript, eccoti un link: http://www.scriptalizer.com/, carichi i tuoi 3-4 o javascript e li comprime in un unico file. A quel punto nel sito metti un solo richiamo all'unico file...

Ogni richiesta di singoli file che il browser deve fare al tuo server rallenta il sito.. quindi meno singoli file ci sono in una pagina e meglio è. Allo stesso tempo dover scaricare i kb che di solito sono anche tanti, dei vari javascript rallenta il caricamento della pagina. Per questo è buona norma nel limite del possibile mettere i vari script interni alla pagina e richiami a javascript esterni, tutti in fondo (nel footer).

Mi raccomando... prima di fare ogni modifica, fai un bel backup e lascia i file js originali al loro posto sul server... non si sa mai che comprimendoli qualcosa non funzioni.

[deltabiri]

provato ma non funziona, ho compresso 2 js in 1 e richiamato il scriptalizer.js ma non va' cmq nella root oltre i 2 per il box categorie non ne riporto altri .... continuo a guardare se posso alleggerire o modificare qualcosa, altrimenti mi sa che il problema e' il server, un'altra domanda, visto che sul mio server di aruba girano 800 siti, esiste una media ? tipo ok sotto i 500 male se di piu...

[deltabiri]

ho fatto la compressione del css praticamente si e' dimezzato da 23kb a 12kb anche se ora non si capisce piu nulla hanno cancellato tutti i dati compresi in /* */ dove mettevo gli appunti, tolti tutti gli a capo ecc... ma migliorie 0
o trovato anche questo tool http://www.tuttowebmaster.eu/seo/checkup-sito.php sembra che individui subito il problema, segnala l'immagine di sfondo, quella del footer, e le 2 gif che porto nei box, oltre al fatto che non gli piace il comando map nel footer e consiglia di usare comandi h1 e h2
vediamo se riesco a risolvere....

[hsg26]

secondo me è il server...

comunque:

Page Objects
QTY SIZE# TYPE URL COMMENTS
1 190161 CSS IMG www.tentazionishop.it ... es/grafica/body_donna.jpg Header size = 220 bytes
1 73843 IMG www.tentazionishop.it ... a/logo_tentazionishop.png Header size = 218 bytes
1 57254 SCRIPT http://www.tentazionishop.it/jquery.min.js Header size = 231 bytes
Up to 37561 bytes could have been saved through compression.
1 54329 IMG www.tentazionishop.it ... i/pagamenti_accettati.gif Header size = 217 bytes
1 30705 IMG www.tentazionishop.it ... images/grafica/footer.gif Header size = 217 bytes
1 21866 IMG http://www.tentazionishop.it/product_thumb.php?... Header size = 252 bytes
1 21201 IMG http://www.tentazionishop.it/product_thumb.php?... Header size = 252 bytes
1 15946 IMG http://www.tentazionishop.it/product_thumb.php?... Header size = 252 bytes
1 15633 IMG http://www.tentazionishop.it/product_thumb.php?... Header size = 252 bytes
1 15460 IMG www.tentazionishop.it ... ges/grafica/pacco_sda.gif Header size = 217 bytes
Missing width attribute.
Missing height attribute.
1 13790 IMG http://www.tentazionishop.it/product_thumb.php?... Header size = 252 bytes
1 12572 CSS http://www.tentazionishop.it/stylesheet.css Header size = 216 bytes
Up to 9849 bytes could have been saved through compression.
View a formatted version of this CSS file
1 12568 SCRIPT http://www.tentazionishop.it/ddaccordion.js Header size = 232 bytes
Up to 8720 bytes could have been saved through compression.
1 9658 HTML http://www.tentazionishop.it Header size = 404 bytes
Congratulations! This file was compressed.
View a formatted version of this HTML file
1 8870 IMG www.tentazionishop.it ... mages/grafica/offerte.jpg Header size = 217 bytes
1 6868 IMG http://www.tentazionishop.it/images/sexy_shop.gif Header size = 216 bytes
Missing width attribute.
Missing height attribute.
1 6847 SCRIPT http://www.google-analytics.com/urchin.js Header size = 345 bytes
Congratulations! This file was compressed.
1 6288 IMG www.tentazionishop.it ... ges/grafica/login_blu.png Header size = 216 bytes
Missing width attribute.
Missing height attribute.
1 6024 IMG http://www.tentazionishop.it/bambini.jpg Header size = 217 bytes
Missing width attribute.
Missing height attribute.
1 5367 IMG www.tentazionishop.it ... es/grafica/sonosicuro.gif Header size = 216 bytes
Missing width attribute.
Missing height attribute.
1 4338 IMG www.tentazionishop.it ... ages/grafica/home_blu.png Header size = 216 bytes
Missing width attribute.
Missing height attribute.
1 3721 IMG www.tentazionishop.it ... /grafica/chisiamo_blu.png Header size = 215 bytes
Missing width attribute.
Missing height attribute.
1 3557 IMG www.tentazionishop.it ... rafica/contattaci_blu.png Header size = 215 bytes
Missing width attribute.
Missing height attribute.
1 3477 IMG www.tentazionishop.it ... it/images/intimodonna.jpg Header size = 216 bytes
1 3234 IMG www.tentazionishop.it ... fica/categorie_header.jpg Header size = 216 bytes
Missing width attribute.
Missing height attribute.
1 3195 IMG www.tentazionishop.it ... es/grafica/novita_blu.png Header size = 214 bytes
Missing width attribute.
Missing height attribute.
1 3097 IMG http://www.tentazionishop.it/images/intimouomo.jpg Header size = 216 bytes
1 3018 IMG www.tentazionishop.it ... s/grafica/offerte_blu.png Header size = 214 bytes
Missing width attribute.
Missing height attribute.
1 2707 IMG www.tentazionishop.it ... s/grafica/mailexpress.jpg Header size = 216 bytes
2 1567 CSS IMG www.tentazionishop.it ... /grafica/testa_box_sx.gif Header size = 214 bytes
1 1089 CSS IMG www.tentazionishop.it ... mages/header_bottone2.gif Header size = 215 bytes
1 984 IMG www.tentazionishop.it ... /bottone_intimo_donna.gif Header size = 214 bytes
1 965 IMG www.tentazionishop.it ... a/bottone_intimo_uomo.gif Header size = 214 bytes
1 947 IMG www.tentazionishop.it ... ica/bottone_cosmetica.gif Header size = 214 bytes
1 927 CSS IMG www.tentazionishop.it ... it/images/glossyback2.gif Header size = 213 bytes
1 927 CSS IMG http://www.tentazionishop.it/images/glossyback.gif Header size = 213 bytes
1 861 IMG www.tentazionishop.it ... afica/bottone_bambino.gif Header size = 214 bytes
1 619 IMG www.tentazionishop.it ... rafica/piccolo_footer.png Header size = 214 bytes
Missing height attribute.
28 538 IMG www.tentazionishop.it ... it/images/arrow_green.gif Header size = 214 bytes
1 386 CSS IMG www.tentazionishop.it ... mages/header_bottone1.gif Header size = 214 bytes
1 345 CSS IMG www.tentazionishop.it ... s/grafica/prezzo_post.gif Header size = 214 bytes
2 325 IMG www.tentazionishop.it ... s/infobox/arrow_right.gif Header size = 214 bytes
1 324 CSS IMG www.tentazionishop.it ... es/grafica/prezzo_ant.gif Header size = 214 bytes
1 304 CSS IMG www.tentazionishop.it ... /grafica/pixel_bianco.jpg Header size = 215 bytes
1 304 IMG www.tentazionishop.it ... agamenti/pixel_bianco.jpg Header size = 215 bytes
1 303 IMG www.tentazionishop.it ... afica/ang_bianc_bs_sx.gif Header size = 214 bytes
1 303 IMG www.tentazionishop.it ... afica/ang_bianc_bs_dx.gif Header size = 214 bytes
1 303 IMG www.tentazionishop.it ... afica/ang_bianc_bs_sx.gif Header size = 214 bytes
1 303 IMG www.tentazionishop.it ... afica/ang_bianc_bs_dx.gif Header size = 214 bytes
1 301 IMG www.tentazionishop.it ... fica/ang_bianc_alt_sx.gif Header size = 214 bytes
1 301 IMG www.tentazionishop.it ... fica/ang_bianc_alt_sx.gif Header size = 214 bytes
1 299 IMG www.tentazionishop.it ... fica/ang_bianc_alt_dx.gif Header size = 214 bytes
1 299 IMG www.tentazionishop.it ... fica/ang_bianc_alt_dx.gif Header size = 214 bytes
1 195 IMG www.tentazionishop.it ... s/english/images/icon.gif Header size = 213 bytes
1 125 CSS IMG www.tentazionishop.it ... es/grafica/infoBox_bg.png Header size = 213 bytes
1 121 CSS IMG www.tentazionishop.it ... grafica/prezzo_centro.gif Header size = 213 bytes
1 94 IMG www.tentazionishop.it ... s/italian/images/icon.gif Header size = 212 bytes
1 92 CSS IMG www.tentazionishop.it ... ica/sf_barr_marr_alt2.gif Header size = 212 bytes
1 91 CSS IMG www.tentazionishop.it ... fica/sf_barr_marr_sx2.gif Header size = 212 bytes
1 65 CSS IMG www.tentazionishop.it ... fica/sf_barr_marr_dx2.gif Header size = 212 bytes
1 65 CSS IMG www.tentazionishop.it ... ica/sf_barr_marr_bas2.gif Header size = 212 bytes
1 52 CSS IMG www.tentazionishop.it ... afica/sf_barr_marr_sx.gif Header size = 212 bytes
1 52 CSS IMG www.tentazionishop.it ... fica/sf_barr_marr_bas.gif Header size = 212 bytes
1 52 CSS IMG www.tentazionishop.it ... fica/sf_barr_marr_alt.gif Header size = 212 bytes
1 51 CSS IMG www.tentazionishop.it ... afica/sf_barr_marr_dx.gif Header size = 212 bytes
21 43 IMG www.tentazionishop.it ... it/images/pixel_trans.gif Header size = 212 bytes
2 42 IMG www.tentazionishop.it ... t/images/grafica/null.gif Header size = 212 bytes
3 42 IMG www.tentazionishop.it ... t/images/grafica/null.gif Header size = 212 bytes
68 ^ 630600* Total (^unique objects)

testato qui: http://analyze.websiteoptimization.com/wso

come vedi hai comunque cose molto pesanti... lo sfondo della donna, 190kb, il logo da 78, pagamenti accettati 54kb, footer 30kb... il sito intero pesa 630kb... molto... solo quelle 3 immagini valgono assieme 350kb... la metà del peso del sito! Se proprio non puoi fare a meno di queste immagini prova a vedere quanto riesci a salvare comprimendo la donna a jpeg qualità 30-40, il logo, pagamenti accettati con un formato tipo png e anche l'immagine del footer... poi pensa a cambiare hosting. Se lo shop è una cosa seria, devi investire un po'. Io uso con successo infomaniak.ch, che supporta oscommerce al 100% e pure un eventuale certificato ssl.

[deltabiri]

sto cercando di migliorare qualcosina, lo sfondo e' passato a 95kb, il box spedizioni ora ha un'immagine di 5kb prima stava una gif da 30kb, ora lavoro sul footer e sul box pagamenti e vediamo a quanto si arriva, ho compresso anche 2 js tramite il sito che mi hai postato, ma tenendoli separati perche insieme non funzionavano, anche qui ho dimezzato le dimensioni come al css, sembra gia' migliorato un tantino, ha lavoro finito se non migliora cambio hosting
p.s. se hai dei suggerimenti dimmi pure.
ciao

[hsg26]

commenti più generali... visto che il sito mi sembra si apra decentemente... anche se io ho una adsl a 20mbit:

i loghi con relativi link in fondo alla pagina... ma a che ti servono? a far scappare i clienti dal sito? senza contare la pessima qualità di queste immagini e il fatto che spesso si vede che non sono state ridimensionate rispettando le loro proporzioni.

Poi in generale ora non so... il sito sembra tanto un copia e incolla di pezzi presi da tutte le parti... hai un sacco di bottoni di tipo e colore diverso... un sacco di parti del sito con colori diversi... il tutto invece dovrebbe essere molto omogeneo, anche per rassicurare il cliente.

Il menu superiore è fatto in un modo, quello a sinistra in un altro, i box in un altro, i bottoni aggiungi al carrello in un altro, in HP i bottoni delle categorie ancora in un altro... un bel casino...

Usi anche molti / troppi caratteri di colori e dimensioni diverse. Nel web design si usa quasi sempre la regola del 3: 3 font, 3 dimensioni del font, 3 colori base per tutto il sito (grafica, font, ecc ecc).

[deltabiri]

sto effettuando correzzioni grazie ai tuoi consigli, ora sembra un po' piu pulito, ho tolto le testate alle categorie, cambiato il footer, aggiunto il box credit,cambiato il bottone carrello in vetrina ecc...
domani passo all'header, cmq gia' cosi e' sceso ancora di peso e si apre anche un po meglio

[hsg26]

sto effettuando correzzioni grazie ai tuoi consigli, ora sembra un po' piu pulito, ho tolto le testate alle categorie, cambiato il footer, aggiunto il box credit,cambiato il bottone carrello in vetrina ecc...
domani passo all'header, cmq gia' cosi e' sceso ancora di peso e si apre anche un po meglio

molto meglio... ora cambia i bottoni sotto al menu orizzontale in alto... quelli tracking sda ecc

[dynamo]

ho visto che mi hai "rubato" il css del prezzo degli articoli

[deltabiri]

ho visto che mi hai "rubato" il css del prezzo degli articoli

ho copiato i 3 pezzi di immagine, spero non ti dispiacia, cmq come suggerito da hsg26 sto rendendo tutto piu "a tema" quindi come posso cambio il colore.
Ho visto che hai messo anche i tag h1 e h2, li hai fatti tu? o hai messo la contribution pubblicata da poco? li volevo mettere anchio ma non capisco perche' nella contribution fa togliere il "class"

[hsg26]

ho guardato la procedura d'acquisto... e ti faccio un quiz

quanti bottoni di colore e stile differente si incontra da quando si entra nella pagina del prodotto, fino alla checkout_confirmation?

Ricordati... tutti bottoni uguali (se no sembra iper-amatoriale il sito), e di colore diverso, ma dello stesso stile quelli delle cosiddette call to action, che devono spiccare. Vale a dire: aggiungi al carrello, vai alla cassa, continua (nelle pagine tipo create_account, checkout_shipping, ...) e su checkout_confirmation: conferma ordine.

Ad esempio li farei tutti di base blu come gli header dell'infobox. mentre farei in arancione o un altro colore quelli delle cosiddette call to action. Sono questi che devono guidare il cliente all'acquisto.