代码之家 › 专栏 › 技术社区 › Kzqai

如何在HTML标记中排序<script>标记与<style>标记以获得最佳结果

coding-style scripting upload html

Kzqai · 技术社区 · 16 年前

我正在建立我的网站 http://royronalds.com ,我想弄清楚 <head> 很有道理。从我目前的情况来看,我有:

<头部>
<style> 外部样式表
<meta>
<title>
<link>
<script> 对于jQuery
<脚本>
<脚本>
</head>

5 回复 | 直到 16 年前

molf 16 年前

<head> 节(包括其中链接的文件)。因此,这个命令对我们来说并不重要 . 对于Javascript,文件的顺序就是执行顺序。对于样式表,顺序决定优先级(如果所有其他条件相同,则最后定义的规则具有优先级)。

如果您想优化客户端性能,强烈建议您将Javascript include移到 the very end of the <body> element ,而不是把它们放在 <头部> Yahoo's list of optimisations 很值得你花时间通读。 Google has some good advice 也。

zombat 16 年前

<script>

例如,我会移动谷歌分析 < 标记为 </body> 每一页都有标签。脚本标记是“阻止内容”,因此在下载并执行脚本之前,浏览器不会继续进行页面呈现。您的主要javascript和JQuery文件可能无法根据您使用它们的方式轻松移动,但分析肯定可以放在底部。

查看 YSlow best practices 更多的优化技术。

farinspace MikeAr 16 年前

还要考虑浏览器在错误发生时会停止JavaScript执行的事实。

正因为如此,你的javascript在所有浏览器上工作是非常重要的,否则你的分析代码可能无法执行和捕获统计数据。。。

我通常把我的Google分析放在我自己的代码之上,这样它就可以先运行,如果在我的代码出现中断或导致JS错误的罕见事件中,我仍然能够获得跟踪信息。

我的命令是:

<head>
<meta> content encoding
<title>
<link> favicon
<style> external/third-party stylesheet
<style> site stylesheet
</head>
<body>
...
<script> google analytics
<script> jQuery
<script> jQuery plugins
<script> site javascript
</body>

The HCD 16 年前

顺便说一下,尝试反垃圾邮件你的电子邮件地址。。。

即:

<SCRIPT TYPE="text/javascript">
document.write('<A HREF=' + '"mai' + 'lto:' + 'example@' + 'example' + '.fr' + '?' + 'sub' + 'ject=music'+'example'+'text">' + 'example' +'@' + 'example' +'.' + 'fr' + '</A><BR>')
</SCRIPT>

对我来说很有用。。。

Satya Prakash 15 年前

http://wordpress.org/extend/plugins/performance-optimization-order-styles-and-javascript/ 好好利用它。

推荐文章

WebDragon · 是否可以通过在html<SVG>标签中设置特定的data-*属性来更改SVG图像中显示的文本内容?

1 年前

w113msh · 提取未设置脚本的变量名

2 年前

deep · 分析csv文件以将详细信息添加到xml文件

2 年前

c0d3rbox · 如何在Python脚本中加载yaml文件?

2 年前

user1870776 · 是否可以编写Windows 11声音和显示设置的脚本?[已关闭]

2 年前

Clay Reakes · VBA粘贴特殊xlPasteValue仍使用格式粘贴

2 年前

NetworkingMania1990 · Powershell脚本中的Sytem.Object[]显示错误

2 年前

Delta George · 为什么以“=”开头的令牌会更改zsh中命令的语义?

2 年前

notacorn · 为什么在bash中“if[false]”的值为true,而“if false”的值不为true?

2 年前

Community wiki · Bash脚本创建到共享库的符号链接

2 年前