Ottimizzazione PhotoGallery

[ste_95]

Ho creato una photogallery un po' all'acqua di rose, e il problema più grande è l'enorme quantitativo di RAM che mi frega al browser quando ci entro, Firefox arriva anche a toccare i 600MB...
Qualcuno riesce a darmi qualche suggerimento per velocizzare un po' il tutto?
Se volete visitarla, fatelo in orari accessibili, quando il mio pc è acceso.
Creazione di cache anche, se sapessi come si fa.
Forza, fatevi avanti!

[Mandrake]

hai provato a creare la galleria con Photoshop?
Dovrebbe applicare tutte le ottimizzazioni per il web, con tanto di stile grafico!

[ssjx]

Scusa ma hai usato le immagini alle dimensioni originali?

Te credo che il consumo di ram aumenta... da qualche parte quel povero panda dovrà pur metterla tutta quella roba ... pensa tu chi invece deve anche farla passare attraverso un cavo telefonico

Thumbs, thumbs, thumbs ... fra l'altro (io php non lo conosco) mi pare che dovrebbe esserci una funzione apposita per la creazione automatica... meglio di così

[ste_95]

Scusa ma hai usato le immagini alle dimensioni originali?

Ehm... Avevo detto che è all'acqua di rose... Ok, la prima cosa che farò è settare il ridimensionamento al momento dell'upload, che dovrò implementare.

Thumbs, thumbs, thumbs ... fra l'altro (io php non lo conosco) mi pare che dovrebbe esserci una funzione apposita per la creazione automatica... meglio di così

C'è un'estensione apposita, ma non so come possa funzionare visto che l'utente dovrò sempre scaricarsi tutte le immagini...

[Andy94]

Già che hai aperto questo te lo dico anche qui:

Via il layout tabellare!
Utilizza AJAX per fare uno scroll automatico che onclick apre la thumb ingrandita. CI sono già tanti bei esempi fatti su internet. Cerca ajax photogallery.

[ssjx]

Già che hai aperto questo te lo dico anche qui:

Via il layout tabellare!
Utilizza AJAX per fare uno scroll automatico che onclick apre la thumb ingrandita. CI sono già tanti bei esempi fatti su internet. Cerca ajax photogallery.

Oh my God!

mi stai dicendo che Ste è uno di loro ???!!! [madibola]


OK per una settimana in punizione senza virus ed antivirus

[Andy94]

Già che hai aperto questo te lo dico anche qui:
Via il layout tabellare!
Utilizza AJAX per fare uno scroll automatico che onclick apre la thumb ingrandita. CI sono già tanti bei esempi fatti su internet. Cerca ajax photogallery.

Oh my God!
mi stai dicendo che Ste è uno di loro ???!!! [madibola]
OK per una settimana in punizione senza virus ed antivirus

Non ho capito cosa intendi... Comunque, se è perché ho detto "anche", glielo avrò detto tutte le volte che ci sentivamo per telefono...

Se mi dici che è uno di loro perché usa il layout tabellare, è una sua mania .

[eDog]

Piuttosto che ridimensionare le foto in upload, caricale così come sono ma mostra agli utenti la thumb. Poi se ci cliccano sopra, gli mostri la foto originale (LightBox e simili)

[ssjx]

Non ho capito cosa intendi... Se mi dici che è uno di loro perché usa il layout tabellare, è una sua mania .

Appunto quello intendevo...

Piuttosto che ridimensionare le foto in upload, caricale così come sono ma mostra agli utenti la thumb. Poi se ci cliccano sopra, gli mostri la foto originale (LightBox e simili)

In che senso? ... ridimensionarle in upload vuol dire che lo fa l'engine php in automatico mica che deve farlo manualmente prima dell'upload no?

Credo che stiamo dicendo la stessa cosa ma non ne sono sicuro al 100%

[ste_95]

Piuttosto che ridimensionare le foto in upload, caricale così come sono ma mostra agli utenti la thumb.

E dove diavolo la reperisco? E' comunque utile non avere foto di 3000 e passa pixel di larghezza visto che in un monitor al massimo ne vedo 1600.

[ste_95]

mi stai dicendo che Ste è uno di loro ???!!! [madibola]

Muahahaha

OK per una settimana in punizione senza virus ed antivirus

Doh... D'accordo, vado a scrivere qualcos'altro con layout tabellare...

[Pacopas]

ciao ste, ti rispondo ora perché ieri non era raggiungibile il link
dalla mia piccola esperienza di web master devo dire che non ci siamo proprio.

Se è una cosa diciamo "privata" non mi preoccuperei più di tanto, ma se devi mostrarla al pubblico usi un metodo "antiquato" e senza dubbio poco fruibile, oltre ad essere esteticamente non apprezzabile e pesantuccio...

il primo passo e scegliere la tecnologia da utilizzare
poi applicarla correttamente.

e ti prego, te lo chiedo da utilizzatore del web, fai sparire quelle tabelle...

io ti consiglierei se non vuoi partire da zero di legarti a qualche esempio già pronto.
Mr.TFM se non erro in qualche post indicava un ottima galleria in script ma ci sono in flash, in puro (x)html/css, con e senza php...

Le alternative ce ne sono e sono moderne.

Ti conosco, quindi so che preferisci fare qualcosa di ben fatto anche se ti richiede più sforzo che qualcosa di fatto "male"

edit:
dimenticavo le thumbs devono essere immagine ridotte non spremute dalle originali altrimenti persino le thumbs ci mettono una vita a caricarsi.

ri-edit
il link di prima
post401618.html

[ste_95]

Mi ci metto dietro in questi giorni e poi vi mostro un risultato decente.
Grazie dei suggerimenti.

[eDog]

lo fa l'engine php in automatico

Ovviamente

E dove diavolo la reperisco?

Invece di ridimensionare direttamente la foto, crea la thumb quando l'utente fa l'upload della foto.

[ste_95]

Invece di ridimensionare direttamente la foto, crea la thumb quando l'utente fa l'upload della foto.

E' che così va al diavolo la comodità di fare un copia incolla delle foto nella cartella della photogallery. Penso faccia lo stesso se la prima che vengono visualizzate le foto (o anche solo rilevate) venga creata un'immagine corrispondente ridimensionata.

[eDog]

Invece di ridimensionare direttamente la foto, crea la thumb quando l'utente fa l'upload della foto.

E' che così va al diavolo la comodità di fare un copia incolla delle foto nella cartella della photogallery. Penso faccia lo stesso se la prima che vengono visualizzate le foto (o anche solo rilevate) venga creata un'immagine corrispondente ridimensionata.

Aaaah, è vero, hai il webserver in locale. Hai ragione

Beh, si, puoi sempre generarle al momento della visualizzazione.. o creare uno script che "Indicizzi le foto e crei le thumb" quando copi&incolli le cartelle.

[ste_95]

Allora ragazzi.
Ho ottimizzato notevolmente il lato prestazionale, dovreste metterci un secondo ad aprire questo. Scaricate un totale di 850 KB, visto che ogni immagine è ridimensionata a 195*146.
C'è ancora un po' di ottimizzazione da fare per la creazione delle thumb, perché rimane abbastanza lento e apache si mangia nonna e cappuccetto rosso... Le thumb le volevo ricreare ogni 48-56 ore (cosa che devo capire come fare), quindi è un lato molto a cui devo dare molta importanza.

Ho intenzione di infarcire un po' questa pagina, da cui ho già tolto le tabelle e aggiungendo un'anteprima per ogni album. Altro?
Inoltre, mentre sono nell'indice e non faccio niente, inizio già a creare qualche thumb per sveltire le cose.

Devo invece trovare la maniera di impaginare decentemente la visualizzazione delle thumb all'interno di un album, perché francamente fa un po' schifo anche a me.

Infine, quando qualcuno clicca sulla thumb, gli mostro l'immagine originale. Sarà il caso di ridimensionare anche queste così che non si debba più scaricare tre mega per ogni foto originale che si vuole visualizzare?

[eDog]

Le thumb le volevo ricreare ogni 48-56 ore (cosa che devo capire come fare)

Cron? Ah, sei su Windows.. Uhm, io direi che ce la puoi fare anche con le classiche "Operazioni Pianificate" lanciando

Codice: Seleziona tutto

C:\Percorso-PHP\php.exe "C:\Percorso\script-update-thumb.php

però script-update-thumb.php credo debba lavorare con percorsi assoluti tipo "C:\Percorso-Photogallery" e non a livello di webserver (htdocs o www che sia).

Oppure, se vuoi lavorare sempre con script che vengono eseguiti dal browser, un'operazione pianificata del tipo

Codice: Seleziona tutto

C:\Percorso-Firefox\firefox.exe "http://localhost/photogallery/script-update-thumb.php"

dovrebbe bastare.


Spero di essermi spiegato

Ciao

[ste_95]

Ok, ho creato lo script di creazione thumb e l'ho pianificato per essere eseguito ogni mattina quando io sono a scuola. Questo dovrebbe migliorare ulteriormente la cosa, visto che le thumb te le trovi già generate. Adesso implemento la creazione delle thumb 1024*768.

[ste_95]

Adesso è perfetta!
http://ste95.no-ip.org/CMS/gallery/