优化赏识器渲染：指定图片尺寸

概述

为页面中全部图片指定宽度和高度可以消除不须要的reflows和从头绘制页面【repaints】，使页面渲染速率更快。

具体信息

当赏识器勾画页面时，它必要可以或许活动的，如图片这样的可替代的元素。提供了图片尺寸，赏识器知道去环抱四面的不行替代元素，乃至可以在图片下载之前开始渲染页面。假如没有指定的图片尺寸，可能假如指定的尺寸不切合图片的现实尺寸，一旦图片下载，赏识器将必要reflows和从头绘制页面。为了防备reflows，在HTML的<img>标签中或在CSS中为全部图片指定宽度和高度。

提议

指定与图片自己相同等的尺寸

不要行使非图片原始尺寸来缩放图片。假如一个图片文件现实上的巨细是60×60像素，不要在HTML或CSS里配置尺寸为30×30像素。假如图片必要较小的尺寸，在图像编辑软件中，配置成相同等的尺寸。

必然要指定图片或它的块级父元素的尺寸

必然要配置<img>元素自己，或它的块级父元素的尺寸。假如父元素不是块级元素，尺寸将被忽略。不要在一个非最近父元素的祖先元素上配置尺寸。

（编辑：河北网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!