Can anyone suggest where should I put my JavaScript and CSS code in an ASPX page? In the beginning or at the end? Does wrong placement of JavaScript and CSS affect the optimization of page?
4 回答
如果您将它们都放在单独的文件中,然后将它们包含在您的 aspx 页面中,那就更好了。通过这种方式,您可以在多个页面上使用相同的 CSS 和 Javascript。
但是,如果您只想在一个页面中使用 CSS 和 Javascript,那么您应该将您的 css 放在 head 标签中,您可以将 javascript 放在 head 标签之间或 html 之间的任何位置,但放置 javascript 的最佳位置是在 head 标签之间。最好将 js 之类的jquery
库文件放在 head 中。
当您希望 CSS 和脚本位于同一页面时,将 CSS 放在页面顶部,将 JavaScript 放在页面底部(在结束 body 标记之前)是最好的方法。
您可以阅读本文(所述要点在中间部分进行了解释)-
http://developer.yahoo.com/performance/rules.html
JavaScript 应该位于底部的原因是,您在 JavaScript 中访问的任何页面元素都应该首先加载到DOM
. 如果你写在<head>
section里,很可能是JavaScript找不到HTML中的元素而报错或者执行失败。
我建议
- 将样式表调用放在
<HEAD>
元素的顶部,然后 </body>
位于标签之后的页面底部的脚本。(在某些情况下)
因为这将使您的网页加载速度更快。
笔记:
第二点并不总是正确的,因为在某些情况下,您希望脚本在这些脚本的帮助下执行部分内容。
所以是的,javascript和css的错误放置会影响页面的优化
我想补充一点:
脚本应保留在页面底部,例如在</body>
标签提供页面加载后不依赖于该脚本。
注意:将脚本放在页面底部可以提高显示速度,因为脚本编译会减慢显示速度。