KwicksでGoogle AJAX APIを利用する。

サイトにとって、何より重要なのは速度。つまり、ページを開いて情報がすぐに出てくるか。如何にそれが優れた内容であろうとも、いちいちページを開くのに時間がかかっていては利用しようという気は起きない。この点で結構大変なことになっていたので多少改善させてみた。その備忘録。

一番読み込みに影響を与えていたのはjqueryとkwicks。画面上部でステキに動いてくれるナビゲーションメニューを制御している部分である。導入には以下を参考にさせていただいた。

Kwicks - jQuery設置メモ

動きはステキだが、読み込みには時間がかかる。何か解決策はないかと色々見ているとこれらをGoogleから引っ張ってくることで速度改善に役立つのだという。

inputlog - Google AJAX APIを使ってjQueryを読み込む

そういうわけでやってみた結果、うまく行った。いつもながらのトライ＆エラーで、すぐに解決というわけには行かなかったけれど。本当にうまく行ったのかも正確には分からないが、ソースを見る限りたしかにGoogleを見に行っているようだし、そして自分の意図する動きは今までどおりできている。そして、なんとなく早くなっているような気はする。自分がやったのはそれぞれ以下のとおり。通常であれば自分のサーバ上にjsファイルを保存してからそこを参照させるのだけれども、その参照先にGoogleへのリンクを貼ってやるというわけである。

jquery
<script type="text/javascript" src="http://www.google.com/jsapi"></script> <br /> <script type="text/javascript">google.load("jquery", "1.4.2");</script>

kwicks
<script type="text/javascript" src="http://kwicks.googlecode.com/svn/branches/v1.5.1/Kwicks/jquery.kwicks-1.5.1.pack.js"></script>

自分が調べた限り、日本語の情報ではGoogleのAPIでkwicksを使うときの設定情報はなかったので補完ということで。不明な点がありましたらコメントください。