首页  >  文章  >  web前端  >  利用HTML优化加快网页速度方法介绍

利用HTML优化加快网页速度方法介绍

高洛峰
高洛峰原创
2017-03-21 17:19:181274浏览

减少web页面下载时间的关键就是设法减小文件大小。当多个页面共用一些成分内容时,就可以考虑将这些公用部分单独分离出来。比如:我们可以将多个HTML页面都用到的脚本程序编写成独立存在的。js文件,然后再在页面中按如下方式调用它:

以下是引用片段:

这样,公用文件只需要下载一次,然后就进入缓冲区。等下次再次调用包含公用文件的html页面时,下载时间明显减少。

让样式表内容进入地下工作

CSS是HTML装扮器,一个漂亮的Web页面不可能没有它。HTML页面中有多种引用CSS的方法,不同的方法导致的效率也不一样。通常,我们可以将定义于间的样式控制代码提取出来,保存到单独的。css文件中,然后在HTML页面中以标记或者@import标记的方式进行引用:

以下是引用片段:

请注意2点:1、。css文件中无需包括