HTML优化加快网页速度_HTML/Xhtml_网页制作
程序员文章站
2022-03-10 18:41:08
...
明显HTML,暗渡“公用脚本”
减少web页面下载时间的关键就是设法减小文件大小。当多个页面共用一些成分内容时,就可以考虑将这些公用部分单独分离出来。比如:我们可以将多个HTML页面都用到的脚本程序编写成独立存在的.js文件,然后再在页面中按如下方式调用它:
这样,公用文件只需要下载一次,然后就进入缓冲区。等下次再次调用包含公用文件的html页面时,下载时间明显减少。
让样式表内容进入地下工作
CSS是HTML装扮器,一个漂亮的Web页面不可能没有它。HTML页面中有多种引用CSS的方法,不同的方法导致的效率也不一样。通常,我们可以将定义于间的样式控制代码提取出来,保存到单独的.css文件中,然后在HTML页面中以标记或者@import标记的方式进行引用:
请注意2点:1、.css文件中无需包括
减少web页面下载时间的关键就是设法减小文件大小。当多个页面共用一些成分内容时,就可以考虑将这些公用部分单独分离出来。比如:我们可以将多个HTML页面都用到的脚本程序编写成独立存在的.js文件,然后再在页面中按如下方式调用它:
这样,公用文件只需要下载一次,然后就进入缓冲区。等下次再次调用包含公用文件的html页面时,下载时间明显减少。
让样式表内容进入地下工作
CSS是HTML装扮器,一个漂亮的Web页面不可能没有它。HTML页面中有多种引用CSS的方法,不同的方法导致的效率也不一样。通常,我们可以将定义于间的样式控制代码提取出来,保存到单独的.css文件中,然后在HTML页面中以标记或者@import标记的方式进行引用:
请注意2点:1、.css文件中无需包括
上一篇: 实现页面跳转并能传值的实例详解
下一篇: 对比H1标签与Title之间的区别