- 1、本文档共9页,可阅读全部内容。
- 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
- 5、该文档为VIP文档,如果想要下载,成为VIP会员后,下载免费。
- 6、成为VIP后,下载本文档将扣除1次下载权益。下载后,不支持退款、换文档。如有疑问请联系我们。
- 7、成为VIP后,您将拥有八大权益,权益包括:VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
- 8、VIP文档为合作方或网友上传,每下载1次, 网站将根据用户上传文档的质量评分、类型等,对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多
影响HTML因素
影响HTML的因素
HTML页面的执行效率是一个纯客户端的问题。影响这个问题的因素主要是客户端的硬件和他的网络带宽。除此之外,还有些下列因素也可以影响HTML页面的执行效率。
(1).图象因素。在HTML的页面尽量避免使用图象。这是因为当浏览器请求一个页面时,如果页面包含N个图象,这将使的浏览器要向WEB服务器请求N次调用。而这种请求会降低页面的加载进程。进而影响速度。
(2).框架问题。在网页里面使用框架同样也会降低页面的加载进程,和图象因素相似,加载一个N个框架也需要请求N次。
(3).表格问题,尽量避免使用表格,尤其是尽量避免使用多重表格,繁杂的表格会影响HTML的执行效率。
(4).去除多余的标记符,让我们来看看下面的例子:
<Body><br> <P><font face=Verdana size=4><br> </font></P><br> <P><font face=Verdana size=4><br> </font></P><br> <P><font face=Verdana size=4><br> </font></P><br> </Body><br>
你可以去掉 <font>标记符,如下:
<Body><br> <font face=Verdana size=4><br> <P><br> </P> <br> <P> <br> </P><br> <P> <br> </P><br> <font> </Body><br>
(5).减少注释,这将会减少文件的大小。进而提高加载速度。
(6).避免使用长文件名,并且在页面里尽量使用相对路径访问其他文件。
(7).在HTML页面里面尽量避免使用Java Applets。例如,如果你想使用Java Applets来处理动画,那么你可以考虑用GIF文件或者是FLASH来代替,而这将比Java Applets快很多。
HYPERLINK /486278.html 用CSS缩写给你的网站加速
Web网站可用性的关键指标是速度,更确切地说,是页面能以多快的速度出现在访问者的浏览器窗口里。影响速度的因素有很多种,包括Web服务器的速度、访问者的Internet连接情况,以及浏览器必须下载的文件大小。尽管你无法控制服务器和连接的速度,但是你可以控制构成网站Web页面的文件大小。
为了让网站能够更快,Web的建设者都会按常规地压缩和优化网站上的每一个图像文件,这常常使得为了将文件的大小减少几个百分点而牺牲了图像的质量。由于CSS样式表是纯文本文件,和图像相比相对较小,所以Web建设者很少考虑采取措施减少其CSS样式表文件的大小。但是,通过使用CSS缩写以及其他的一些简单技巧,你可以在很大程度上减少样式表的大小。在我对自己样式表的一次非正式的特别测试中,我把文件的大小降低了大约25-50%。
使用CSS的缩写性质
CSS的缩写性质(shorthand property)是一些专用的性质名,用来代替多个相关性质的集合。例如,间隙性质(padding property)是顶部间隙(padding-top)、右侧间隙(padding-right)、底部间隙(padding-bottom)和左侧间隙(padding-left)的缩写。
使用速写性质让你能够把多个性质/属性对(property/attribute pair)压缩进CSS样式表的一行代码里。例如,想一想下面的代码:
.sample1 {??? margin-top: 15px;??? margin-right: 20px;??? margin-bottom: 12px;??? margin-left: 24px;??? padding-top: 5px;??? padding-right: 10px;??? padding-bottom: 4px;??? padding-left: 8px;??? border-top-width: thin;??? border-top-style: solid;??? border-top-color: #000000;}
将它用一些缩写性质来替代就能够把代码减少为下面这样,两者的实际效果是完全一样的:
.sample1 {??? margin: 15px 20px 12px 24px;??? padding: 5px 10px 4px 8px;??? border-top: thin solid #000000;}
要注意,缩写性质还有多个属性,每一个(属性)都对应一个被组合进入缩写性质的常规性质。属性由空白隔开。
当属性是类似的值的时候,例如用于边框空白性质(margin
您可能关注的文档
- 辨别真假刻录碟-刻录碟环码的识别(To distinguish between true and false recognition DVD-R - DVD-R ring code).doc
- 辨析剩余价值的产生,既不在流通领域,又离不开流通领域(Analysis of the surplus value, not only in the field of circulation, and cannot do without circulation).doc
- 辨析并修改病句三大方法,八项注意(Analysis and revising sentences three methods, eight note).doc
- 软件开发流程(The software development process).doc
- 软件工程师实训生(Software Engineer).doc
- 辨析病句的思路和步骤(Ideas and steps of their).doc
- 辩手感悟(Debaters sentiment).doc
- 辩论七律(The debate Qilv).doc
- 辩论全球化有利于发展中国家(Debate globalization is conducive to developing countries).doc
- 辩论技巧不妨一看(Debating skills take a look).doc
- 2025年制造企业供应链协同与供应链协同效应研究.docx
- 2025年事业单位招聘考试综合类专业能力测试试卷(工程类)工程经济与财务分析题库.docx
- 2025年文旅景区淡季游客回流策略深度分析报告.docx
- 第15讲重难点专题拓展:二次函数综合之六种存在性问题(6知识点+6大核心考点+过关测)-【暑假自学课】2025年新九年级数学暑假提升精品讲义(沪教版)【含答案】.pdf
- 2025年事业单位招聘考试综合类专业能力测试试卷(工程类)工程造价试题.docx
- 2025年事业单位招聘考试综合类专业能力测试试卷(工程类)工程质量管理试题.docx
- 第21章二次根式巩固新课单元测试卷-【暑假自学课】2025年新九年级数学暑假提升精品讲义(华东师大版)(1)【含答案】.pdf
- 2025年中国泥工锤市场调查研究报告.docx
- 2025年工业互联网设备数据采集与智能工厂建设报告.docx
- 2025年事业单位招聘考试综合类专业能力测试试卷(工程类)工程法规与政策试题集.docx
文档评论(0)