SimplePortal

Support => English Support => Topic started by: Manolo on November 15, 2012, 10:57:07 PM

Title: Specify image dimensions
Post by: Manolo on November 15, 2012, 10:57:07 PM

Im trying to optimised my forum, hxxp://www.forodefotografia.com and I get this message from GTMetrix.
Any help will be appreciated

The following image(s) are missing width and/or height attributes.

hxxp://www.forodefotografia.com/Themes/ForoDeFotografia/images/sp/birthday.png (Dimensions: 16 x 16) (9 uses)
hxxp://www.forodefotografia.com/Themes/ForoDeFotografia/images/sp/topic.png (Dimensions: 12 x 12) (5 uses)

Title: Re: Specify image dimensions
Post by: Manolo on November 16, 2012, 04:17:27 PM

After activating shout box I get all of these in GTmetrix

The following image(s) are missing width and/or height attributes.

hxxp://www.forodefotografia.com/Smileys/default/cheesy.gif (Dimensions: 15 x 15) (4 uses)
hxxp://www.forodefotografia.com/Smileys/default/cool.gif (Dimensions: 15 x 15)
hxxp://www.forodefotografia.com/Smileys/default/embarrassed.gif (Dimensions: 15 x 15)
hxxp://www.forodefotografia.com/Smileys/default/grin.gif (Dimensions: 15 x 15) (5 uses)
hxxp://www.forodefotografia.com/Smileys/default/huh.gif (Dimensions: 15 x 15)
hxxp://www.forodefotografia.com/Smileys/default/lipsrsealed.gif (Dimensions: 15 x 15) (2 uses)
hxxp://www.forodefotografia.com/Smileys/default/sad.gif (Dimensions: 15 x 15) (2 uses)
hxxp://www.forodefotografia.com/Smileys/default/smiley.gif (Dimensions: 15 x 15) (6 uses)
hxxp://www.forodefotografia.com/Smileys/default/tongue.gif (Dimensions: 15 x 15) (4 uses)
hxxp://www.forodefotografia.com/Smileys/default/wink.gif (Dimensions: 15 x 15) (5 uses)
hxxp://www.forodefotografia.com/Themes/ForoDeFotografia/images/sp/birthday.png (Dimensions: 16 x 16) (9 uses)
hxxp://www.forodefotografia.com/Themes/ForoDeFotografia/images/sp/history.png (Dimensions: 16 x 16)
hxxp://www.forodefotografia.com/Themes/ForoDeFotografia/images/sp/loading.gif (Dimensions: 16 x 16)
hxxp://www.forodefotografia.com/Themes/ForoDeFotografia/images/sp/refresh.png (Dimensions: 16 x 16)
hxxp://www.forodefotografia.com/Themes/ForoDeFotografia/images/sp/topic.png (Dimensions: 12 x 12) (5 uses)

Also this.

The following images served from forodefotografia.com should be combined into as few images as possible using CSS sprites.

hxxp://www.forodefotografia.com/Smileys/default/cheesy.gif
hxxp://www.forodefotografia.com/Smileys/default/cool.gif
hxxp://www.forodefotografia.com/Smileys/default/embarrassed.gif
hxxp://www.forodefotografia.com/Smileys/default/grin.gif
hxxp://www.forodefotografia.com/Smileys/default/huh.gif
hxxp://www.forodefotografia.com/Smileys/default/lipsrsealed.gif
hxxp://www.forodefotografia.com/Smileys/default/sad.gif
hxxp://www.forodefotografia.com/Smileys/default/smiley.gif
hxxp://www.forodefotografia.com/Smileys/default/tongue.gif
hxxp://www.forodefotografia.com/Smileys/default/wink.gif
hxxp://www.forodefotografia.com/Themes/ForoDeFotografia/images/art/Acnavact.png
hxxp://www.forodefotografia.com/Themes/ForoDeFotografia/images/art/navbg.png
hxxp://www.forodefotografia.com/Themes/ForoDeFotografia/images/sp/birthday.png
hxxp://www.forodefotografia.com/Themes/ForoDeFotografia/images/sp/history.png
hxxp://www.forodefotografia.com/Themes/ForoDeFotografia/images/sp/loading.gif
hxxp://www.forodefotografia.com/Themes/ForoDeFotografia/images/sp/refresh.png
hxxp://www.forodefotografia.com/Themes/ForoDeFotografia/images/sp/topic.png

My forum is turning very slow so I´m doing every thing i can to make it perform better
Thanks

Title: Re: Specify image dimensions
Post by: Chen Zhen on November 16, 2012, 05:51:51 PM

Manola,

  Please do not post multiple links to your forum as what was contained in your last 2 posts (35 total).
Those links have been disabled.

  I took a look at your forum & discovered many html errors that will cause issues with display (& possibly page load time where images are concerned). Imo the issue has nothing to do with the SP shoutbox & is related to your improper use/display of html.
  Try using a proper html/xhtml validating tool to diagnose improper html.
ie. w3c validator
 
.. or if you use Firefox try HTML Validator (from the firefox website). With firefox & html validator, viewing the source code of a page will show the page errors you need to fix.
 
 

Title: Re: Specify image dimensions
Post by: Manolo on November 16, 2012, 06:00:09 PM

Thank for your reply Under dog, and sorry about the links, I just copy and paste