Problemucci con Gtmetrix

[colvi]

Salve amici, sono alle prese con la validazione del mio sito su GTMETRIX, per dire la verità dando una bella sistematina ai contenuti mi ha aiutato molto a farlo risorgere dall'oltre tomba
All'interno della pagina in questione ho un js per le immagini ad esso è collegato il foglio di stile dove viene richiamata l'immagine bg.png; anche dando le giuste dimensioni nel file css GTMETRIX mi restituisce il seguente errore:
Serve scaled images
The following images are resized in HTML or CSS. Serving scaled images could save 96B (100% reduction).

• http://www.salentoinblu.it/galleria/.../twelve/bg.png is resized in HTML or CSS from 10x10 to 10x0. Serving a scaled image could save 96B (100% reduction).

l'altro enigma è come risolvere il seguente errore visto che l'immagine viene passata dallo script via <a href="/img/big/....

Specify image dimensions	A (95)	48%	Images	High
What does this mean? The following image(s) are missing width and/or height attributes. http://www.salentoinblu.it/img/big/A...aglie-0003.JPG (Dimensions: 600 x 400)

questo è il report che GTMETRIX mi restituisce.


http://gtmetrix.com/reports/www.sale...lu.it/JfFGTT2T

[colvi]

Up

[Vincent.Zeno]

il primo messaggio dice che hai ridimensionato l'immagine, tramite css, da 10x10 a 10x0
quindi c'è un inutile dispendio di energie

se le immagini che passi dinamicamente hanno tutte le stessa misura, imposta le dimensioni. così non si lamenta.

[colvi]

Grazie Vincent, ma è strano le dimensioni sono impostate il css è questo:
.galleria-thumbnails-container{position:absolute!important;top:0;left:0 ;width:10px;height:10px;background: url("bg.png");z-index:2;}

cosa o quale può essere il problema?
grazie ancora per la gentilezza

[Vincent.Zeno]

.galleria-thumbnails-container {
position:absolute!important;
top:0;
left:0;
width:10px;
height:10px;
background: url("bg.png");
z-index:2;}

dubito che tu abbia attribuito questa classe a quell'immagine, controlla meglio

[colvi]

Ho controllato ma l'immagine bg.png è richiamata da quella classe,

[Vincent.Zeno]

e non c'è nessun altra istruzione, in giro per il sito, che possa essere diversa?

l'errore parla chiaro

[colvi]

Questo è il css:
#middle-wrapper{width:95%;max-width:95%;display:inline-table;margin:0 !important;padding:2;border:5px solid #fff;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-box-shadow:0 0 2px #999;-moz-box-shadow:0 0 2px #999;box-shadow:0 0 2px #999;}
#galleria{height:400px;display:inline}
#galleria-loader{height:1px!important}
.galleria-container{position:relative;overflow:hidden;font:1 1px/1.4 arial,sans-serif;color:#fff;}
.galleria-container img{-moz-user-select:none;-webkit-user-select:none;-o-user-select:none;}
.galleria-stage{overflow:hidden;background:#000;position:abs olute;top:0;left:0;right:0;bottom:30px;}
.galleria-container.fullscreen .galleria-stage{bottom:0}
.galleria-bar{height:31px;width:100%;position:absolute;botto m:0;left:0;background-color:#2aa4cf;z-index:3;}
.galleria-s1,
.galleria-s2,
.galleria-s3,
.galleria-s4{background:url("separator.png");height:29px;wid th:2px;position:absolute;left:28px;bottom:1px;}
.galleria-s2{left:58px}
.galleria-s3{right:29px;left:auto;}
.galleria-s4{right:58px;left:auto;}
.galleria-progress{height:2px;position:absolute;top:0;left:0 ;width:0;background:#aaa;opacity:.5;z-index:3;-ms-filter:"progidXImageTransform.Microsoft.Alpha(Opacity=50)";filte r:alpha(opacity=50);}
.galleria-thumblink,
.galleria-fullscreen,
.galleria-play,
.galleria-popout{width:29px;height:29px;position:absolute;le ft:0;bottom:1px;background:url("thumbs.png") no-repeat 50% 50%;cursorointer;}
.galleria-fullscreen,
.galleria-popout{left:auto;right:0;background-image:url("fullscreen.png");background-position:8px 7px;}
.galleria-popout{background-image:url("popout.png");right:30px;background-position:50% 50%;}
.galleria-play{left:30px;background-image:url("playpause.png");background-position:10px 9px;}
.galleria-play.playing{background-position:10px -91px}
.galleria-fullscreen.open{background-position:8px -93px}
.galleria-container.notouch .galleria-thumblink:hover,
.galleria-container.touch .galleria-thumblink:active,
.galleria-thumblink.open,
.galleria-container.notouch .galleria-fullscreen:hover,
.galleria-container.touch .galleria-fullscreen:active,
.galleria-container.notouch .galleria-play:hover,
.galleria-container.touch .galleria-play:active,
.galleria-container.notouch .galleria-popout:hover,
.galleria-container.touch .galleria-popout:active{background-color:#CCC}
.galleria-thumbnails-container{position:absolute!important;top:0;left:0 ;width:10px;height:10px;background: url("bg.png");z-index:2;}
.galleria-thumbnails-list{position:absolute!important;top:10px;right:10 px;left:10px;bottom:41px;overflow:auto!important;}
.galleria-thumbnails .galleria-image{width:80px;height:45px;float:left;margin:0 7px 7px 0;border:3px solid #fff;cursorointer;}
.galleria-container.notouch .galleria-thumbnails .galleria-image:hover,
.galleria-container.touch .galleria-thumbnails .galleria-image:active{opacity:.9;box-shadow:0 0 3px rgba(0,0,0,.4);-moz-box-shadow:0 0 3px rgba(0,0,0,.4);-webkit-box-shadow:0 0 3px rgba(0,0,0,.4);}
.galleria-info{position:absolute;overflow:hidden;height:29px ;line-height:29px;left:70px;right:70px;bottom:1px;color: #333;}
.galleria-info > *,
.galleria-info-text > *{display:inline}
.galleria-info-title{color:#fff;font-weight:bold;padding:0 10px;text-transform:capitalize;}
.galleria-info-description{color:#333;text-decoration:underline;}
.galleria-info-text{padding-left:10px}
.galleria-counter{background:url("separator.png") no-repeat 100% 0;display:inline-block;*display:inline;padding-right:10px;_height:29px;zoom:1;}
.galleria-loader{width:48px;height:48px;position:absolute;to p:50%;left:50%;margin:-24px 0 0 -24px;z-index:2;display:none;background:#000 url(loader.gif) no-repeat 50% 50%;opacity:.8;-ms-filter:"progidXImageTransform.Microsoft.Alpha(Opacity=80)";filte r:alpha(opacity=80);-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;}
.galleria-image-nav{position:absolute;top:50%;margin-top:-18px;width:100%;height:36px;left:0;}
.galleria-image-nav-left,
.galleria-image-nav-right{cursorointer;width:36px;height:36px;position:absolute;le ft:20px;z-index:2;background:url("nav.png");}
.galleria-image-nav-right{left:auto;right:20px;background-position:-36px 0;z-index:2;}
.galleria-container.notouch .galleria-image-nav-left:hover,
.galleria-container.touch .galleria-image-nav-left:active{background-position:0 -36px}
.galleria-container.notouch .galleria-image-nav-right:hover,
.galleria-container.touch .galleria-image-nav-right:active{background-position:-36px -36px}
.galleria-thumb-nav-left,
.galleria-thumb-nav-right{cursorointer;display:none;background-position:-495px 5px;position:absolute;left:0;top:0;height:40px;wid th:23px;z-index:3;opacity:.8;}
.galleria-thumb-nav-right{background-position:-578px 5px;border-right:none;right:0;left:auto;}
.galleria-thumbnails-container .disabled,
.galleria-thumbnails-container .disabled:hover,
.galleria-thumbnails-container .disabled:active{opacity:.2;cursor:default;}
.galleria-container.notouch .galleria-thumb-nav-left:hover,
.galleria-container.touch .galleria-thumb-nav-left:active,
.galleria-container.notouch .galleria-thumb-nav-right:hover,
.galleria-container.touch .galleria-thumb-nav-right:active{opacity:1;background-color:#111;}
.galleria-carousel .galleria-thumb-nav-left,
.galleria-carousel .galleria-thumb-nav-right{display:block}
.galleria-lightbox-content{background:url(loader_pos.gif) no-repeat 50% 50%}
.cred{margin-top:15px;font-size:10px;}

[tampertools]

Sei anche sicuro che nell'html non ci sia

<img src="bg.png">

?

Il secondo errore potrebbe essere che le dimensioni non sono impostate né da html né da css...

PS
Il css puoi postarlo in forum tra i tag [ code] e [ /code] (senza gli spazi)

[Vincent.Zeno]

no c'entra, ma l'ho visto, quindi te lo dico:
in .galleria-thumbnails-list c'è un errore: right:10 px (devi unire cifra a unita di misura)


per il resto... cerca approfonditamente qualsiasi riferimento a bg.png
secondo me qualcosa trovi


come già detto: usa il tag CODE per postare codice sul forum, vedi modalità avanzata