优化网页性能的方法(如何优化网页)

显然HTML，减少网页下载时间的关键是尽量减少文件大小。当多个页面共享一些组件内容时，可以考虑将这些公共部分分开。例如，我们可以将多个HTML页面中使用的脚本编写成独立的。js文件，然后在页面中如下调用显见的HTML，从而潜行一个“常用脚本”。

减少网页下载时间的关键是尽量减小文件大小。当多个页面共享一些组件内容时，可以考虑将这些公共部分分开。例如，我们可以将多个HTML页面使用的脚本程序编写成一个独立的。js文件，然后在页面中按以下方式调用它:
< script src = & quot；myfile.js & quot& gt& lt/script & gt；
这样，公共文件只需要下载一次，然后进入缓冲区。下次调用包含公共文件的html页面时，下载时间会大大减少。
让样式表内容在地下工作
CSS是HTML的梳妆台，一个漂亮的网页不能没有它。在HTML页面中引用CSS的方法有很多种，不同的方法导致不同的效率。一般来说，我们可以定义

1.没有必要包括

2.@import和LINK标签应该定义在HTML页面的HEAD部分。
节省宝贵内存的两种方法
尽量减少HTML页面占用的内存空是加快页面下载速度的有效方法。对此，有两个问题需要注意:
1。使用相同的脚本语言
HTML页面离不开脚本程序的支持，我们往往会嵌入很多页面。但是，不知道大家有没有意识到:这样的混合使用减缓了页面的访问速度。原因是为了解释和运行多种脚本代码，需要在内存中加载多种脚本引擎。因此，请尽量在页面中使用相同的脚本语言编写代码。
2。巧妙使用IFrame
你用过吗

看这四个属性:posLeft、posTop、posWidth、posHeight，对应的是对应字符串返回的点数。好了，用这些属性重写代码实现上面代码实现的功能:
元素。风格。Posleft = 10
代码很短但是更快！
循环控制多个动画
说到制作动画效果，当然离不开定时器的使用。通常的方法是使用window.setTimeout不断定位页面上的元素。但是，如果页面上要显示多个动画，有必要设置多个定时器吗？答案是否定的！原因很简单:定时器功能会消耗大量宝贵的系统资源。但是，我们仍然可以控制页面上的多个动画，诀窍是使用循环。循环中根据不同的变量值控制相应动画的位置，整个循环只使用一次window.setTimeout()函数调用。
可见性比显示快
让图片出现和消失会创造出有趣的效果。有两种方法可以实现这个目标:使用CSS的visibility属性或display属性。显示和可见性对绝对位置元素有相同的影响。两者的区别在于，设置为display:none的元素将不再占用文档流的空空间，而设置为visibility:hidden的元素仍将保持原来的位置。
但是如果要处理绝对位置的元素，使用可见性会更快。
从小处着手
编写DHTML网页的一个重要技巧是从小处着手。第一次编写DHTML页面时，不要试图使用页面中所有你知道的DHTML函数。您一次只能使用一个新功能，并仔细观察产生的变化。如果发现性能下降了，可以很快找出原因。
DEFER是脚本程序强大功能中的“无名英雄”。你可能从来没有用过，但是看了这里的介绍，相信你已经离不开它了。它告诉浏览器脚本段中包含了不需要立即执行的代码，结合SRC属性，还可以让这些脚本在后台下载，前台内容正常显示给用户。
最后请注意两点:
1。不要在defer脚本段调用document.write命令，因为document.write会产生直接输出的效果。
2。另外，不要在defer脚本段中包含任何用于立即执行脚本的全局变量或函数。
保持相同的URL大小写一致
我们都知道UNIX服务器是区分大小写的，但是你知道Internet Explorer的缓冲区也是区分大小写的字符串吗？因此，作为一名web开发人员，您必须记住保持同一链接的URL字符串在不同位置的大小写一致。否则，同一位置的不同文件备份将存储在浏览器的缓冲区中，这也增加了下载同一位置内容的请求数量。这些无疑都降低了网页访问的效率。所以请记住:URL在同一个位置，请保持不同页面URL字符串的大小写一致。

让标签开始和结束
在编写或查看别人的HTML代码时，我们一定都遇到过标签有头没尾的情况。比如:
< P & gt；有头无尾标签的例子
< UL & gt；
& lt；李& gt第
<李& gt第二个
< LI & gt；第三个
很明显，三个

以上是HTML优化加速网页的方法的详细说明。更多详情请关注AdminJS.cn其他相关文章！