这一条很重要,以前包括我在内的很多人都忽视了它。在网页中使用图片或者表格的时候,最好加上width和height标签。如果没有的话,服务器就需要分析图片的大小,然后才会加载网页的其他部分。下面是一个实例代码:

moon image

加上width和height标签之后,服务器马上就会获知图片的大小,在网页中留出相应的位置,然后同时加载网页的其他部分。除了速度有一定优化之外,这样的设计还会有良好的用户体验,不会因为加载图片产生网页错位影响到用户的阅读。

原文:Speed Up Your Site: Use the height and width tags
译文:网站速度优化系列:使用width和height标签
翻译:sorryle

网站速度优化系列:
1. 图片优化
2. 图片格式
3. CSS 优化
4. 链接地址细节优化
5. 使用width和height标签
6. 减少HTTP请求