使用高度和宽度标签

事实上很多人(包括我自己)都曾经忽视了这个问题。使用图片或者表格的时候应该加上高度和宽度标签,否者,浏览器就需要先去计算图片的大小,然后才能加载图片和其他内容。以下是包含高度和宽度标签的一段代码:

<img id=”moon” height=”200″ width=”450″ src=”http://www.domain.com/moon.png” alt=”moon image” />

使用高度和宽度标签后,浏览器就会自动识别图片的大小,结果是在加载时就会保留一个图片空间,并同时加载页面其他内容。这样做,除了加快整个加载进程外,还可以使读者在图片加载的同时先看文章或其他内容。

网页提速系列:

1.优化图片

2.图片格式

3.优化您的CSS

4.在链接后面使用斜线

5.使用高度和宽度标签

6.减少http请求

精博寄语:

1.原文出自每日博客技巧Daniel的Speed Up Your Site: Use the height and width tags

相关博文:

  1. 图片格式
  2. 优化图片
  3. 在链接后面使用斜线
  4. 网页提速的6种方法
  5. 减少http请求

此文发表于 博客技术 以及标签 , , ; 收藏永久链接. 发表评论或者留下引用: 引用链接.
Post comment as twitter logo facebook logo
Sort: Newest | Oldest