我喜欢在<script>
及其所有地方嵌入<body>
个标签。这意味着生成的代码变得难以理解......但我关注的是......除了我们还有其他什么含义?
当我们在标签内的所有位置嵌入300个生成的独立标签时,浏览器是否必须执行更多“工作”?
答案 0 :(得分:5)
是
每次浏览器遇到<script>
标记时,都需要启动Javascript解释器。
然而,你不应该担心;你应该使用最容易理解和调试的方法。
答案 1 :(得分:1)
每当有人请求您的网页时,您都会收到更大的文本块发送给客户端。这是因为通常不会缓存页面,这意味着如果您多次请求同一页面,则需要从服务器重新下载所有内容。
但是,另一方面,如果您将所有JavaScript代码放在一个单独的.js文件中,您可以轻松地缓存,缩小和gzip该文件,这最终会产生巨大的差异。对于外部文件中的内联css和css也是如此。
答案 2 :(得分:1)
如果您的网页在&lt; script&gt;中包含静态代码标记,考虑将这些代码放在单独的.js文件中的函数内,只需调用网页中的函数即可。
此外,如果不需要脚本来呈现页面,&lt; script&gt; s也应该使用defer="defer“选项(例如,其中的代码仅在页面加载后才有效...等作为“on”内容中使用的代码。这允许浏览器在页面加载之后推迟编译脚本,这样您可能会得到稍微快速的响应。