文档章节

关于“如果图片大小不做定义,则页面需要重新渲染”的理解

0000001
 0000001
发布于 2014/05/29 10:52
字数 501
阅读 231
收藏 0

今天用百度站长工具对网站做了一下检测,其中有提示“如果图片大小不做定义,则页面需要重新渲染,速度受到影响”,之前从未想到这种情况也会影响到网站的访问速度。这样未做图片大小定义的地方被列举了30多个。

百度既然列出了这些问题,首先可以肯定的是这些问题是会给百度蜘蛛的访问带来不便,所以不管这些因素造成的影响的大小,都是应该去考虑解决的。

最先考虑到的是看看那些大型的网站看看它们在这一块是怎么做的,试着用京东商城、当当网等一些比较大型的电子商务网站都在这一块做了处理,而且出现的影响网站速度的因素基本上没有。看来“图片大小定义”这一块是必须要处理的内容。

其次就是怎么去做的问题,每个img标签都去添加width和height来定义,工作量太大,而且会增加很多的冗余代码。如果通过外围的标签来定义大小,行不通。最后是在img标签后面加了一个类标签来约束,通过CSS来定义图片大小,就可以了。

例如:<img src="images/label.jpg">,这样写肯定是会提示“如果图片大小不做定义,则页面需要重新渲染,速度受到影响”,所以将上述改成<img src="images/label.jpg" height="100px" width="100px">就可以了(具体的大小按实际图片的规格或者自己的需求设定),或者定义个类<img src="images/label.jpg" class="imglag">,再在样式表里面定义imglag的大小。


© 著作权归作者所有

上一篇: 网站性能
下一篇: sublime text 3
0000001
粉丝 34
博文 141
码字总数 46256
作品 0
朝阳
前端工程师
私信 提问
浏览器加载和渲染html的顺序

前阵子,在组内给大家做了一次关于“浏览器加载和渲染HTML的顺序”的分享,这里再总结一下吧。 浏览器加载和渲染html的顺序 1. IE下载的顺序是从上到下,渲染的顺序也是从上到下,下载和渲染...

凯文加内特
2014/03/19
190
0
浏览器加载和渲染网页顺序

1.浏览器加载和渲染html的顺序 浏览器加载和渲染html的顺序 IE下载的顺序是从上到下,渲染的顺序也是从上到下,下载和渲染是同时进行的。 在渲染到页面的某一部分时,其上面的所有部分都已经...

浅色的我
2016/02/16
74
0
HTML页面加载和解析流程 介绍

1.浏览器加载和渲染html的顺序 1.1、IE下载的顺序是从上到下,渲染的顺序也是从上到下,下载和渲染是同时进行的。 1.2、在渲染到页面的某一部分时,其上面的所有部分都已经下载完成(并不是说...

驛路梨花醉美
2016/12/05
367
0
页面渲染深入解析

基本渲染过程 用户请求的资源通过浏览器的网络层到达渲染引擎后,渲染工作开始。每次渲染文档通常不会超过8K的数据块,其中基础的渲染过程如下图所示: 第一步:渲染引擎首先解析HTML文档,转...

yope
2015/03/09
2.6K
0
"天龙八步"细说浏览器输入URL后发生了什么

本文摘要: 1.DNS域名解析; 2.建立TCP连接; 3.发送HTTP请求; 4.服务器处理请求; 5.返回响应结果; 6.关闭TCP连接; 7.浏览器解析HTML; 8.浏览器布局渲染; 总结 输入网址 当我们在浏览器...

GavinHsueh
2017/11/21
0
0

没有更多内容

加载失败,请刷新页面

加载更多

Replugin借助“UI进程”来快速释放Dex

public static boolean preload(PluginInfo pi) { if (pi == null) { return false; } // 借助“UI进程”来快速释放Dex(见PluginFastInstallProviderProxy的说明) return PluginFastInsta......

Gemini-Lin
今天
4
0
Hibernate 5 的模块/包(modules/artifacts)

Hibernate 的功能被拆分成一系列的模块/包(modules/artifacts),其目的是为了对依赖进行独立(模块化)。 模块名称 说明 hibernate-core 这个是 Hibernate 的主要(main (core))模块。定义...

honeymoose
今天
4
0
CSS--属性

一、溢出 当内容多,元素区域小的时候,就会产生溢出效果,默认是纵向溢出 横向溢出:在内容和容器之间再套一层容器,并且内部容器要比外部容器宽 属性:overflow/overflow-x/overflow-y 取值...

wytao1995
今天
4
0
精华帖

第一章 jQuery简介 jQuery是一个JavaScript库 jQuery具备简洁的语法和跨平台的兼容性 简化了JavaScript的操作。 在页面中引入jQuery jQuery是一个JavaScript脚本库,不需要特别的安装,只需要...

流川偑
今天
7
0
语音对话英语翻译在线翻译成中文哪个方法好用

想要进行将中文翻译成英文,或者将英文翻译成中文的操作,其实有一个非常简单的工具就能够帮助完成将语音进行翻译转换的软件。 在应用市场或者百度手机助手等各大应用渠道里面就能够找到一款...

401恶户
今天
3
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部