Web开发中html优化的速度技巧

Web开发是指站点前端开发，是从网页制作演进而来的。想要成为一名专业的Web开发人员，虽然需要掌握一些复杂的组件技术来加快html页面的访问速度，但这并不是大概的，在HTML和DHTML中仍然有很多技巧要遵循。
Web开发中Web优化的速度技巧
技巧一，明显的HTML，秘密“公开剧本”
Web开发减少网页下载时间是减少文件大小的关键。所以当我们遇到多个页面来分享一些内容时，我们可以考虑将这些常见的部分分开分开，然后在页面中他们称之为如下。所以公共文件只需要下载一次，然后下次你打包含html文件的公共文件时，下载时间大大减少。
技能二，使样式表的内容进入地下工作
CSS是一个HTML梳妆台，HTML页面有多种方式来引用CSS，不同的方法导致效率不一样一个漂亮的网页可以使用CSS很好地实现。
操作案例：提取<style> </ style>之间定义的样式控制代码，将其保存在单独的.css文件中，然后在HTML页面中将其引用为<LINK>标签或@import标签：
<样式>
@import url（“mysheet1.css”）;
</ Style>
注意：.css文件不需要包含<style>标签，在HTML页面的HEAD部分定义了@ import和LINK标签。
技能三，宝贵的记忆储蓄方法
网站的记忆是非常有价值和有限的，可以说使用少一些，所以我们必须在网页开发HTML页面，以更小化HTML页面占用的内存空间。
1，使用相同的脚本语言来提高访问网页的速度，HTML页面无法从脚本程序支持中分离出来，Web开发中经常在页面中嵌入各种脚本语言，如JaVaScript，VBScript等。然而，这样的混合使用将减少网站的访问速度。因为您必须解释并运行多个脚本代码，所以必须在内存中加载多个脚本引擎。因此，我们必须避免在页面上以不同的脚本语言编写脚本。
2，使用<IFRAME>标签
<IFRAME>标签是一个非常好的功能，当我们需要在HTML文档中包含二页的内容时，更好的方法是使用<FRAMESET>标签。这样可以提高代码的效率，但会导致繁重的处理，使页面访问速度慢，那么我们可以使用IFRAME。当鼠标指向新主题时，您只需要修改IFRAME元素的SRR属性。所以在任何时候只会有一个预览文件保存在内存中。
技能四，选择更佳使用动画定位属性
网站页面上的动画可以改善网站的设计，吸引更多的用户，但动画会影响网站的打开速度。此时我们可以使用element.style.lEft和element.style.top两个属性来实现图形定位的目的。 但这会导致一些问题：left属性返回一个字符串，它包含一个度量单位（如100px）。
所以要设置新的位置坐标，它必须首先将这个字符串返回值来处理，然后再分配，操作如下：
Dim stringLeft，intLeft
StringLeft = element.style.left
NtLeft = parseInt（stringLeft）
IntLeft = intLeft + 10
Element.style.left = intLeft;