-->

blogger bundle-off css script

bundle-off: css, script(skip,unload);

skip: jstiming, etc..;

unload: widgets.js, plusone.js;

extra-disable: include/all-head-content;

Bloggerのバージョンにより動かなくなる恐れが高い調整です。

css bundle-off

<!-- css bundle-off-trick -->
&lt;style type=&quot;text/css&quot;&gt;
&lt;!-- /*<b:skin><![CDATA[*/]]></b:skin>
<!-- css bundle-off-redef -->
<style><!--
/*my-css*/
--></style>

b:skinのCDATAを空にし、別途styleを書くことが重要。

空のCDATAはend-bodyにあるBLOG_attachCsiOnload関連関数の引数{override:'*/'}となり、余分なコードを削減できる。

bundle-off-trickの&lt;style..はblogger-template展開時にコメントとして展開される。

script bundle-off

更に上記trickを応用して、end-headとend-bodyにあるscriptの読込(load)および実行(run/exec)を回避抑制する。

余分なコードはコメントとして展開される。

ここが重要で、もし<script>内に-->が含まれると、このtrickがうまく行かずtemplate-errorを引き起こす要因になる。 

&lt;!-- script bundle-off-trick
</head>
--&gt;&lt;/head&gt;

&lt;!-- script bundle-off-trick
</body>
--&gt;&lt;/body&gt;

chrome/elementsで見た時、html直下に長いコメントが鬱陶しい場合。このようにdivで囲んでしまおう。 

&lt;div style='display:none'&gt;
&lt;!-- script bundle-off-trick
</body>
--&gt;&lt;/div&gt;
&lt;/body&gt;

extra-disable

extra-disable: include/all-head-content;

all-head-content展開にscriptが入っている。feedやopenidを使わないのであれば下記のようにコードを削減できる。 

<!-- my-head-content -disable-html5-ie-feeds-openid -->
<meta expr:content='"text/html; charset=" + data:blog.encoding' http-equiv='Content-Type'/>
<meta expr:content='data:blog.metaDescription' name='description'/>
<meta content='blogger' name='generator'/>
<link expr:href='data:blog.homepageUrl' rel='canonical'/>
<link expr:href='data:blog.homepageUrl + "favicon.ico"' rel='icon' type='image/x-icon'/>
<!-- all-head-content disable -->
<title><data:blog.pageTitle/></title>

canonical: canonicalUrl | canonicalHomepageUrl

canonicalの示すdomainが.comに統一されるように書く場合は以下。 

<!-- my-head-content -disable-html5-ie-feeds-openid -->
<meta expr:content='"text/html; charset=" + data:blog.encoding' http-equiv='Content-Type'/>
<meta expr:content='data:blog.metaDescription' name='description'/>
<meta content='blogger' name='generator'/>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<link rel='canonical' expr:href='data:blog.canonicalHomepageUrl' />
<b:else/>
<link rel='canonical' expr:href='data:blog.canonicalUrl' />
</b:if>
<link expr:href='data:blog.homepageUrl + "favicon.ico"' rel='icon' type='image/x-icon'/>
<!-- all-head-content disable -->
<title><data:blog.pageTitle/></title>

Remove Widget Bundle CSS file from Blogger

top