Home
Do you add width and height properties to images in user controls?
  v2.0 Posted at 13/10/2015 11:46 AM by Rebecca Liu

​Framework pages (i.e., user controls and common layout files) should have width and height properties specified for all images that are used. This means that the page's layout will be rendered correctly while loading and when the user has images turned off in their browser.

Images that have a height and width property set can improve your page’s load times by a few milliseconds. However, this will cause problems for any responsive behaviour of the page and should be used when appropriate. It is exceedingly unusual for an image in the site layout to not be placed using CSS, so it’s likely if this rule applies to you, you should switch to CSS and background-property.

<img src="TopBar_Row1_Col2.gif" />
Figure: Bad Example - User controls does not contain width and height properties
<img src="TopBar_Row1_Col2.gif" width="86" height="20" />
Figure: Good Example - User controls contains width and height properties

We have a program called SSW Code Auditor to check for this rule.

Related rules

    Do you feel this rule needs an update?

    If you want to be notified when this rule is updated, please enter your email address:

    Comments:

    Note: Social Media login for Yotpo is not working in IE or Safari, please use Chrome. We are waiting for Yotpo to fix it.