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

加上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请求
2 Responses
网站速度优化系列:链接地址细节优化
January 17th, 2008 at 10:40 pm
1[...] 1. 图片优化 2. 图片格式 3.CSS 优化 4. 链接地址细节优化 5. 使用width和height标签 6. 减少HTTP请求 sorryle on January 15, 2008 | Posted in [...]
网站速度优化系列:图片优化
January 17th, 2008 at 10:43 pm
2[...] 1. 图片优化 2. 图片格式 3.CSS 优化 4. 链接地址细节优化 5. 使用width和height标签 6. 减少HTTP请求 sorryle on January 8, 2008 | Posted in [...]
RSS feed for comments on this post · TrackBack URI
Leave a reply
Categories
Archives
Popular Posts