【ココログ】全文検索スクリプト(cocolog_ajax_search.js)で初回の所要時間を短縮する(?)パッチ
非常に便利な、なおゆきさんの『暴想: 自分のココログを全文検索するJavaScript』ですが、1回目の検索時に全バックナンバーを読み込むため、時間がかかってしまうのが泣き所。
原理上どうしようもない部分ですが、せめて体感の待ち時間を軽減できないかなぁ……と思って、
ブログを表示する際に、裏でバックナンバーの先読みを開始する
ようにしたらどうか?ということで、そのようなパッチを当ててみました。パッチ版スクリプトはこちら(ファイル名も変更しているのでご注意を)→cocolog_ajax_search_bg.js。
以下のソース【A】【B】をそれぞれ、マイリストのメモ欄等HTMLが使える部分に記述して設置します。
【A】はスクリプト読込み部+バックナンバー読込開始部となっています。
【A】については、なるべく早く読み込まれる場所に置いて下さい(見た目には影響が無い筈なので、別のマイリストに相乗りさせてしまうのも可)。
サイドバーなら、右よりは左の方がよく、かつ上の方。もしくは(ちょっと反則ぎみですが)ブログのサブタイトル(キャッチフレーズ)欄にコピペします。
【B】は検索フォームなので、これは(【A】よりも後の)お好きなところに設置して下さい。
【A】と【B】を同一のメモ欄に記述しても構いませんが、設置位置が後ろに行くほど、バックナンバー読み込みの開始タイミングがそれだけ遅くなってしまいます。
なお、赤字部分(annex)は、ご自分のココログでarchives.htmlが存在するディレクトリに置き換えて下さい。
例えば、ブログのURLが http://hoge.cocolog-nifty.com/blog/ならば、annexをblogに変更します。
【A】スクリプト読込部
<script type="text/javascript" src="https://furyu.tea-nifty.com/script/prototype.js"></script>
<script type="text/javascript" src="https://furyu.tea-nifty.com/script/cocolog_ajax_search_bg.js"></script>
<script type="text/javascript">
<!--
// --- background load
cocologAjaxSearch( '/annex/archives.html', '', true);
//-->
</script>
<script type="text/javascript" src="https://furyu.tea-nifty.com/script/cocolog_ajax_search_bg.js"></script>
<script type="text/javascript">
<!--
// --- background load
cocologAjaxSearch( '/annex/archives.html', '', true);
//-->
</script>
【B】検索フォーム
<form action="javascript:cocologAjaxSearch( '/annex/archives.html', document.getElementById('search_box').value );">
<input type="search" id="search_box" value="">
<input type="button" id="search_button" onclick="javascript:cocologAjaxSearch( '/annex/archives.html', document.getElementById('search_box').value );" value="検索">
</form>
<input type="search" id="search_box" value="">
<input type="button" id="search_button" onclick="javascript:cocologAjaxSearch( '/annex/archives.html', document.getElementById('search_box').value );" value="検索">
</form>
で、作ってみたは良いものの、果たして効果があるものかというと、疑問です(爆)。
それにページが(リ)ロードされる度に裏で全バックナンバーのロードが走ることになるので、帯域にも優しくないですし……。
それでもとりあえず試してやるか、という奇特な方、宜しければ使用感をご報告頂ければ幸いです(^^;。
興味本位でパッチをあててみたので、動作確認もそれ程やっていなかったり(自分のところではblog_ajax_json_search.jsの方を使っているし(^^;)
« 月面に新たなクレーター | トップページ | 積読ペタペタ ~新書サイズコミックス編~ »
「ウェブログ・ココログ関連」カテゴリの記事
- 久しぶりの投稿がココログへの苦言というのもなんなのですが……(2019.03.20)
- ココログをTwitterカードに対応させてみる(2016.11.23)
- 【覚書】風柳亭(ココログプロ)をレスポンシブWebデザイン化(Bootstrap3使用)(2015.10.09)
- ココログ用全文検索 - ココログ最強検索を jQuery を使って作り直してみた(既知の不具合の幾つかに対応)(2015.09.01)
- 現在に生きるということ。(2013.01.05)
「おもいつき」カテゴリの記事
- ココログをTwitterカードに対応させてみる(2016.11.23)
- 神使の兎 ~宇治神社にて~(2016.07.10)
- Twitter 原寸びゅー:PC版ブラウザ用・Twitterの画像閲覧と保存がはかどる拡張機能の紹介(2016.02.12)
- スマートフォンをPC上の音楽を再生するためのリモコンとして使いたい(2016.01.10)
- 【覚書】風柳亭(ココログプロ)をレスポンシブWebデザイン化(Bootstrap3使用)(2015.10.09)
「覚書」カテゴリの記事
- 鍛高譚 ~ カレイにまつわる物語(2018.05.25)
- ココログをTwitterカードに対応させてみる(2016.11.23)
- 神使の兎 ~宇治神社にて~(2016.07.10)
- Twitter 原寸びゅー:PC版ブラウザ用・Twitterの画像閲覧と保存がはかどる拡張機能の紹介(2016.02.12)
- スマートフォンをPC上の音楽を再生するためのリモコンとして使いたい(2016.01.10)
コメント