編集

【Blogger高速化】未使用のJavascriptとCSSを削除と使えなくなる機能の対処

2024/08/29 ｜2024/11/06

Bloggerのインデックスされない問題対処方法

↑でコメントを頂きました

そこで参照したサイトとして教えてくれた

SEONeurons

見に行くとBloggerのSEOに関して色々書いてました

インドのサイトで英語なんですが翻訳機能って本当に便利、、、

そこで未使用のJavascriptとCSSを削除ってのがあったのでやってみました

JavascriptとCSSを削除

これCSSはF-Lightでも削除してました

Javascriptはそのままでしたが、これはJavascriptを削除するとレイアウト機能が動かなくなるので皆さんが使う事を考えてだと思います

CSSはfalseでJSはtrueになってます

Javascriptを削除するにはCSSと一緒でtrueをfalseにするだけです

たったこれだけで高速化になるようです

ただ制限される機能もあります

注意

レイアウト機能が使えなくなる
ガジェットで連絡フォームを使用している場合は使えなくなる

両方共対処方法がありますが
ここだけは注意というか解ったうえでやってください
※現時点では他の不具合等は発見できておりません

レイアウト機能が使えなくなった場合の対処方法

ブログのデザインが固まれば早々触る事もないでしょうが、、、

レイアウト機能を使いたい場合はfalseをtrueに書き換えれば動くようになります

たったこれだけなので問題にもならないとは思います

しかし！！

テーマのHTMLを編集でHTMLをイジルとナビメニューのページリストが一部消えてしまいます

これは前に使っていたZEROでもF-Lightでも同じです
※Bloggerのテーマ

他のテーマでも同じじゃない？

これが大問題でレアウト機能が使えないとページリストが編集できないんですよ

これです

このままだと表示させたいページリストが一部消えたままになります

この部分だけなんとか、、、

って事でHTMLを編集してレイアウト機能は関係ないようにしました

自分のサイトを『ページのソースを表示』で見てください
それをHTMLに直接書くんです！！

HTML編集前にバックアップを忘れないでくださいね！！

以下、F-Lightでの編集の紹介になります

  <!-- ページリスト -->
<aside id='nav-content'>
<b:section id='NAVIGATION' maxwidgets='1' showaddelement='no'>
  <b:widget id='PageList1' locked='true' title='ナビメニュー' type='PageList' version='2' visible='true'>
    <b:widget-settings>
      <b:widget-setting name='pageListJson'><![CDATA[{"0":{"href":"https://kochimountaingo.blogspot.com/","position":0,"title":"ホーム"},"243435338413458248":{"href":"https://kochimountaingo.blogspot.com/p/privacy-policy.html","position":2,"title":"プライバシーポリシー"},"1755436990922179573":{"href":"https://kochimountaingo.blogspot.com/p/sitemap.html","position":1,"title":"サイトマップ"},"2531281366935068234":{"href":"https://kochimountaingo.blogspot.com/p/contact_31.html","position":3,"title":"お問い合わせ"}}]]></b:widget-setting>
      <b:widget-setting name='homeTitle'>ホーム</b:widget-setting>
    </b:widget-settings>
    <b:includable id='main'>
  <b:include name='content'/>
</b:includable>
    <b:includable id='content'>
    <b:include name='pageList'/>
</b:includable>
    <b:includable id='overflowButton'/>
    <b:includable id='overflowablePageList'/>
    <b:includable id='pageLink'>
  <li><a expr:href='data:link.href'><data:link.title/></a></li>
</b:includable>
    <b:includable id='pageList'>
  <ul>
    <b:loop values='data:links' var='link'>
      <b:include name='pageLink'/>
    </b:loop>
  </ul>
</b:includable>
  </b:widget>
</b:section>
</aside>
</div>
</nav>

変更前はこんな感じになってます
これを書き換えます

  <!-- ページリスト -->
<aside id='nav-content'>
<div class='section' id='NAVIGATION'><div class='widget PageList' data-version='2' id='PageList1'>
<ul>
<li><a href='/'>ホーム</a></li>
<li><a href='URL'>ページタイトル</a></li>
<li><a href='URL'>ページタイトル</a></li>
<li><a href='URL'>ページタイトル</a></li>
</ul>
</div></div>
</aside>
</div>
</nav>

こんな感じ
ホームはURL入れなくてもコレでOKでした
素人には仕組みが解りません
他のテーマの事も解らないので基本はURLとタイトル入れてください

これでJavascriptをfalseにしてレイアウト機能が使えなくなっても問題なしです

た～だ～

これをやるとJavascriptをtrueにしてもレイアウト機能でガジェット追加できなくなります
※NAVIGATION以外は普通に編集できます