不要让 JavaScript 延长你网站的反应时间

如果你在网站使用过多的 JavaScript 就很有可能会让你的网页反应时间拖的很长,因为浏览器在页面显示的过程中只要遇到任何 JavaScript 都会等他下载完毕或执行完毕才会继续显示下面的资料,即便你网页已经下载完了也有可能因为 JavaScript 的关系而让页面迟迟不出现,所以在进行网站设计的时候需要特别注意这部分,尤其是较大型的网站。

将所有 JavaScript Include 都移至网页最下方,如果你不将 JavaScript 档放到最下方其实还有另一个小技巧,就是在 JavaScript 的定义标签里加上 defer 属性。<script type="text/javascript" src="common.js" defer="defer"></script>加上这个属性就等于跟浏览器宣告说「不要等我,请先继续显示网页」的意思。

不过这可不能乱用喔,如果你载入的 JavaScript 中有使用到 document.write 或是会影响到网页 DOM 物件的地方,就很有可能会造成网页大乱!因为加上了 defer 属性后,浏览器会在 JavaScript 下载完的时候执行,你会变得无法掌控这个 JavaScript 到底何时才会执行。