if文でのサイト軽量化について

Question

わけあって、6000行くらいあるページ1枚でサイトを管理しています（bloggerテンプレート）。

ページごとに表示を変えたいのですが、これまではdisplay:noneでコントロールしていました。しかしこれだと表示されていないだけで処理はされているようで、<div>の内容によっては、表示されていないにも関わらず毎回思い処理になってしまいます。

そこで、ページのURL毎にif文で表示／非表示を変えようと考えています。
例えば、window.location.hrefでURLを取得し、そのURLの時だけ指定の<div>をdocument.writeで表示させる、といった具合です（documen.writeよりinnerHTMLがよいと先ほど教えてもらいましたが、それは一度置いておきます）。

これだったら、指定されたもの以外は表示も処理も行われず、軽くなるでしょうか？

よろしくお願い致します。

Answer 1

bloggerテンプレートでしたら、bloggerの独自タグを使うのがスマートです。
これが一番軽い方法だと思います。

<b:if cond='data:blog.url == "http://**.blogspot.com/AAA"'>
  URLが "http://**.blogspot.com/AAA" のときに表示するコンテンツ
<b:elseif cond='data.blog.url == "http://**.blogspot.com/BBB"'>
  URLが "http://**.blogspot.com/BBB" のときに表示するコンテンツ
<b:else/>
  どちらの条件も満たされない場合に表示するコンテンツ
</b:if>

URL は「.com」にしないと動かないので要注意です。

Comments

[samlife]

独自のこれ、気になってました。
.comのみですか（＾＾；）

[退会済みユーザー]

「.com」以外でも使えますよー。

謎の仕様ですが、どの国で見ているかによって国別のドメインにリダイレクトしているそうで、例えばブログのアドレスが「http://**.blogspot.jp/」だとしても、if 文の中では「http://**.blogspot.com/」と書かないといけないということです。

カスタムドメインをお使いの場合は全く関係ないのでスルーしてもらってOKです。

Answer 2

DOMをパースしてDOMツリーを生成するコストは削減できます。
が、全ての雛型HTMLを一つのファイルで管理しているのでダウンロードする容量は変わりません。

Re: samlife さん