我正在尝试根据帖子标签优化Blogger网站的性能,即我想将特定CSS和JavaScript引用应用于仅带有某些标签的页面>。参考my previous question,我设法找出帖子中是否有特定标签,但不幸的是,只能通过 INSIDE Blog Widget 完成操作,这可能仍然无法消除消除渲染的目的。阻止问题:
<b:widget id='Blog1' type='Blog'>
<b:includable id='main'>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels any (label => label.name == "Label1")'>
/* The following could cause render-blocking issue. */
<link href='label1.css' rel='stylesheet' type='text/css'/>
<script src="label1.js"></script>
</b:if>
</b:loop>
</b:includable>
</b:widget>
由于只能在 Blog小部件内部完成,我想知道是否可以创建一个名为currentPageLabel
的全局变量并在Blog外部应用我的外部资源文件窗口小部件,如下所示:
内部博客小部件:
<b:if cond='data:post.labels any (label => label.name == "Label1")'>
currentPageLabel = "Label1" /* pseudo, not following syntax */
</b:if>
外部博客窗口小部件,位于</body>
之前:
<!-- jQuery Library references can be placed here. -->
<b:if cond='currentPageLabel == "Label1"'>
<link href='label1.css' rel='stylesheet' type='text/css'/>
<script src="label1.js"></script>
</b:if>
有没有办法在Blogger中创建全局变量?任何想法?再次感谢!