Opencommercio

Fatti da noi - www.isartegiovagnoli.com
Bonzo - 11 Apr 2008 - 15:09
Oggetto: www.isartegiovagnoli.com
Salve a tutti!
Dopo qualche mese di lavoro è finalmente on line il sito dell'Istituto Statale d'Arte di Sansepolcro e Anghiari.
Il link è il seguente:
[url=http://www.isartegiovagnoli.com ]www.isartegiovagnoli.com [/url]
oppure
www.isartegiovagnoli.it

1) Ho completamente sviluppato il template, ho aggiunto degli smart-tag per personalizzre
la visualizzazione della data nelle news.
2) Ho personalizzato i pulsanti di CONTINUA, STAMPA ed INVIA sempre delle news.
3) Inoltre ho integrato il frame-tool mootools già utilizzato nella smoth gallery(non ricordo di quale modulo gallery)
4) Io l'ho usato per i tool-tip nel menù delle sezioni dell'istiuto.
5) E per l'effetto nel menù delle sedi di Istituto
6) Nella galleria fotografica ho cambiato l'apertura delle foto grandi e ho aggiunto
il tool lytebox.
7) Nella pagina dove siamo -> Sede di Sansepolcro ho integrato la mappa con le api di google-maps.
Mentre facevo ciò mi è venuta l'idea di sviluppare un blocco per integrare le mappe di google. Sul mio sito l'ho già usato. Devo testarlo ancora un pò e poi lo pubblicherò nel forum
8) Cambiato la visualizzazione dell'area files integrato le icone per le categorie dei download (la soluzione a livello di codice però è un pò ortodosssa, devo migliorarla)

9) Un pannello del profilo personale completamente personalizzto.
(Purtroppo lo potete vedere solo registrandovi)
10) Creato il gruppo dei professori con particolari funzioni.

Presto integrerò il blog d'istituto a cui parteciperanno gli studenti e una visita virtuale della scuola

Insomma tutto questo per dare uno stile Web 2.0 anche nella scelta dei colori, nell'uso dei badges (nelle news), nei titoli delle pagine.

Vorrei sapere cosa ne pensate, anche voi dello staff magari....
suggerimenti e consigli sono ben accetti.

Un grazie a tutto lo staff e a TiMax che mi ha permesso di realizzre ciò con MDPro
Saluti
Bonzo - 11 Apr 2008 - 15:12
Oggetto:
Scusate ho sbagliato una piccola cosa...
Ancora non mi funziona il dominio con .IT , cioè mi da qualche problemino il redirect....
Adesso funziona sicuramente il .COM
Comunque è il seguente:

http://www.isartegiovagnoli.com
TiMax - 11 Apr 2008 - 17:51
Oggetto:
Il sito è lento ma fatto bene complimenti.

Hai fatto una bella personalizzazione nel layout e nella grafica, questo vuole dire personalizzare un CMS :)
Skin - 11 Apr 2008 - 19:00
Oggetto:
Bel lavoro, hai sviluppato un bel tema grafico e sei riuscito a differenziare il sito dai soliti cms, speriamo che altri utenti prendano il tuo esempio ;-)
Bonzo - 11 Apr 2008 - 21:03
Oggetto:
Grazie,
si! in effetti è un pò lento....soprattutto la home che è ricca di cose.
Sapevo di questo, ma ho perso veramente tanto tempo sul resto che ho lasciato in un secondo momento l'ottimizzazione del codice.
Comunque credo che dipenda dai due filmati flash in testa.
E poi devo sistemare meglio il css principale del template.

@ TiMax
Tu hai notato magari qualche incorrettezza che genera il caricamento lento?
Che ne sò! qualcosa che è saltato all'occhio tuo più esperto...

Ho verificato qualche pagina con il Markup Validation Service del W3 e è zeppa di errori...il css un pò meglio, ma l'html è un disastro

Saluti a tutti voi.
mtb - 12 Apr 2008 - 15:49
Oggetto:
bello!
E' da tempo che anch'io penso di modificare il tema del sito della scuola.
mtb
Skin - 12 Apr 2008 - 16:12
Oggetto:
Bonzo ha scritto:
...si! in effetti è un pò lento....soprattutto la home che è ricca di cose.

Sembra che la home page da sola pesi circa 1275047 bytes, considera che un 56k la carica in 3 o 4 minuti, come prima cosa potresti cercare di alleggerire il tutto, senza caricare troppo una sola pagina, soprattutto la home.
Bonzo - 13 Apr 2008 - 17:49
Oggetto:
Cavolo!!
Sai skin mi sono accorto adesso che il flash in alto a destra nell'header pesa 700Kb!!!!
Lo avevo progettato usando le immagini dei quadrati ad alta risoluzione, poi le avrei ottimizzate....
Ovviamente il poi me lo sono scordato, mannaggia!!!
Ho pubblicato il progetto del filmato senza cambiare le immagini ad alta risoluzione, forse la fretta, preso da altre cose.

Cambio subito e provo a testare le performance, aggiustando anche qualche altra ottimizzazione delle immagini presenti in home e una pulitina al codice.
Grazie.

Saluti
Skin - 13 Apr 2008 - 18:38
Oggetto:
Giusto per prendere spunto su cosa alleggerire nella home:

Immagini HTML: 75361 bytes
Immagini da CSS: 195474 bytes
Javascript: 193603 bytes
Multimedia e flash: 699930 bytes
css: : 28447 bytes

Potresti lavorare sul numero e la dimensione delle immagini e anche sui javascript: circa 200 kbytes sono abbastanza, magari puoi metterei javascript necessari oppure puoi comprimerli, mootols da la possibilità di scegliere solo il necessario e di comprimere il tutto.

Controlla che la cache sia abilitata ( \modules\Autorender\includes\atAPI.php ) ed abilita la compressione in amministrazione ->preferenze (sicuramente lo hai già fatto).

E' logico che tutto dipende dal traffico che prevedi di avere a dal target di utenti, ma per un sito scolastico sicuramente avrai visitatori con computer e connessioni di ogni tipo.

Ovviamente i complimenti rimangono, il tema grafico è molto bello, tutti i temi grafici una volta pronti vanno rifiniti ;-)
Bonzo - 15 Apr 2008 - 02:21
Oggetto:
Ho sistemato i filmati flash, nettamente meglio.
E anche mootools.
Dei 193603 bytes pensa che mootools ne prendeva 185000 circa.

Ho eliminato i plug-in che non servivano e compresso tutto il tool. Come al solito avevo lavorato con tutti i plug-in e classi attive.
Perchè sperimento, provo e poi mi sono scordato di tenere solo quelle utilizzate.

Ho ottimizzato, anche se di molto poco, i CSS (solo codice)

Ora vedo che cosa possso fare sulle immagini, ma a me sembra che per il momento vada molto, molto meglio.

Grazie skin (dei consigli e dei complimenti)
Un saluto
Bonzo - 22 Apr 2008 - 18:12
Oggetto:
@ Skin

Quando hai tempo puoi ri-controllare il sito Istituto Statale d'Arte di Sansepolcro e Anghiari
per verificare se i cambiamenti effettuati abbiano portato un sostanziale miglioramento.
E se hai altri consigli per intervenire su elementi che possono essere ottimizzati maggiormente.

So di chiederti tanto....comunque non ho fretta.
So anche che il tempo è denaro ;-) e tu sei molto impegnato.

Ti ringrazio anticipatamente, non per quello che ti ho chiesto, ma per quello che già mi hai detto.

Un saluto
Skin - 22 Apr 2008 - 23:54
Oggetto:
Adesso mi risulta ( sempre per quanto riguarda la home ):

HTML: 12674 bytes
HTML Images: 83458 bytes
CSS Images: 195474 bytes
Total Images: 278932 bytes
Javascript: 46722 bytes
CSS: 27341 bytes
Multimedia: 64889 bytes

Per cui hai snellito parecchio, mi sembra di vedere che non hai attivato la compressione html, se vai in admin\preferenze\preferenze dovresti vedere se l'opzione "Attiva compressione" è abilitata, è una piccolezza ma contribuisce in quanto comprime il contenuto lato server ed invia il codice compresso al client.

Ci sono sempre tante cose su cui lavorare ed in pratica non si finirebbe mai :-), puoi vedere ad esempio che tutte le definizioni di stile siano nel css, puoi eliminare le tabelle (sempre che tu le stia usando) ottenendo templates molto più leggeri.

Addirittura si può comprimere anche il css, ma a me sembra poco necessario, in quanto diventa illeggibile e quasi impossibile da modificare, se poi si considera che va a finire nella cache alla fine ritengo sia meglio avere un css che pesa di più, ma leggibile.

Quando comunque si cominciano ad avere css troppo grandi, uno lo comprimi e lo fai caricare al tema, l'altro (l'originale non compresso) lo tieni per le modifiche.

Ti consiglio in generale di installare qualcuno di quei componenti per firefox studiati per i web master ed i web designer, tipo i seguenti:

https://addons.mozilla.org/it/firefox/addon/1843
https://addons.mozilla.org/it/firefox/addon/60
anche se sono sicuro che ne hai già di installati ;-)

con quelli attivati avrai un controllo su quasi tutto, css, javascript, peso delle pagine, validazioni ecc.
Skin - 22 Apr 2008 - 23:59
Oggetto:
P.S. una volta ottimizzato il peso puoi passare al codice, magari eliminando i vari errori di validazione e qualche errore javascript.

Controlla anche l'utilizzo del processore, mi spiego: un tema con javascript vari ed animazioni in flash se non ottimizzato può gravare molto sul computer del visitatore, per cui anche se il sito è leggero a livello di kb, può essere pesante in quanto occupa troppe risorse sul pc del visitatore, soprattutto se si parla di computer con processori datati.
Bonzo - 23 Apr 2008 - 03:20
Oggetto:
Innanzi tutto grazie per tutti i dettagli forniti e i consigli.

Poi veniamo a qualche domanda e osservazioni:

1) Scusa Skin ma come fai a vedere se ho attivata la compressione del sito?
Perchè io ce l'ho attivata! Quindi noncapisco perchè ti risulta invece di no.
Forse non mi funziona...è possibile ciò?

2) Avevo pensato anch'io alla compressione dei CSS. E aveo fatto il tuo steso ragionamento.
Una copia del CSS non compressa su cui lavorare ed una compressa da pubbblicare. Ma non conosco nessun software per comprimere i CSS.
(Forse sto dicendo una cavolata!) Mi spiego, per comprimere JavaScript conosco YUI di Yahoo. (Fornito come mi hai detto anche tu quando scarichi mootools) E infatti l'ho usato per i miei JavaScript, sempre però tenendo una copia non compressa su cui lavorare e testare.
Non penso che per comprimere i CSS uno lo deve fare a mano!...magari se hai qualche link ;-)

3) Ce l'ho già installate gli add-on per Firefox che mi hai segnalato. Insieme ad altri. E' che ho appena installato un sacco di add-on
e me li devo guardare bene tutti. Comunque ti dico quelli che ho (forse anche tu ce l'hai di già) tutti presi dalla categoria WEB
DOM Ispector
HTML Validator
IE Tab
RankQuest SEO Toolbar
SEO Quake + tutti i plug-in per i vari motori di ricerca
YSlow: questo è molto utile, infatti genera un rapporto tipo quello che hai scritto tu....ma per caso hai usato questo?
e quelli già detti (Web Developer e Firebug)

Forse ti domanderai "Ma ci aveva già gli strumenti e a chiesto a me?" .E' che mi interessava ovviamente un parere da esperto.

4) Ma esiste qualche strumento (software o add-on per browser) per misurare l'utilizzo del processore? (Link?! ;-) )

Un saluto.
Skin - 23 Apr 2008 - 17:36
Oggetto:
1) se guardi qui ( http://www.websiteoptimization.com/serv ... agnoli.it/ )
sembra che la compressione non sia stata attivata, comunque è probabile che sia quel tool a sbagliare; questi tools sono solo orientativi, praticamente non tengono conto di quasi niente, e spesso danno consigli che mi fanno dire "CNEMAA" ;-)

2) non credo serva comprimere il css, comunque se vai su un buon motore di ricerca e scrivi css compression, o css compressor, ti appare un bel po' di roba, occhio che alcuni sono momlto aggressivi e finiscono per modificarti il css, facendo più danni che altro.

4) su linux c'e' di tutto, io uso le cosiddette screenlets e mi dicono l'occupazione della ram e dei processori, spesso vedo animazioni in flash che mi mandano un dualcore al 100%, stessa cosa per javascript vari. Su windows vista (o meglio svista) ci sono applet analoghe da installare nella sidebar; oppure una volta mi misi a smanettare con opera ed ho visto che ha applets (o come le chiamano) simili, che misurano utilizzo del processore o della ram.

Infine su xp puoi fare un bell control alt canc, visualizzi i processi attivi e li ordini per utilizzo della cpu.
Bonzo - 23 Apr 2008 - 20:00
Oggetto:
Per il punto 4)
Si, cose del genere come hai detto tu le conoscevo.....io pensavo qualcosa del tipo:
simulazione pagina web e analisi delle varie risorse utilizzate, componente per componente.
Insomma qualcosa di specifico di analisi risorse per le pagine web.

Comunque per il tipo di analisi, che ora ho capito cosa intendevi, ho il Symantec Works che ti da un'infinità di dati.
E qualcosa di utile ce l'ho anche su SiSoft Sandra.

Ora proverò qualche tool per i CSS, cercando come mi hai suggerito.

grazie per il link websiteoptimazation....è ricco di materiale!!
E grazie per le tue sempre dettagliate risposte. ;-)

Un saluto
Tutti i fusi orari sono GMT
Powered by MDForum 2.0.8 © 2003-2007 basato su phpBB © 2001, 2002 phpBB
Tema grafico by subRebel del sito ktauber modificato e ottimizzato per MDForum da TiMax
e da MDRebel il quale usa Theme Graphics by Daz
e da Attachment-Mod 2.4.3