mod_pagespeedの影響でアイコンが正常に表示されなくなっていました

ユーザー情報や山のスポット一覧等のページにある地図アイコンの上にマウスカーソルを移動したとき、アイコン画像がマウスオーバー用の画像に切り替わらず表示に乱れが起こっていました。
昨日mod_pagespeedを導入したことによる影響です。
mod_pagespeedが地図のアイコン画像をHTML中にエンコードしており、それをファイル名と思ってJAVAスクリプトから参照していました。
表示方法をCSSスプライトと呼ばれる手法に変更して回避しました。

ついでに、Good!やクチコミ投稿用の画像もCSSスプライト化して高速化しました。

トップページのクチコミとスポットなうの表示数を減らしました

トップページにクチコミを最新のものから5件とスポットなうを20件表示していましたが、クチコミを3件、スポットなうを10件に減らしました。
それによりページ内の画像数が削減できるため、表示が高速になりました。トップページのコンテンツ量よりもページの表示速度を優先した変更です。4件以上前のクチコミや、11件以上前のスポットなうをご覧になりたいときは、それぞれの一覧ページを表示してください。

トップページは当サイトをご利用いただいている方が最初に訪問するページだと思いますので、すぐ表示できる形の方がいいのではないかと思いました。
これからも快適なサイト閲覧のために、継続的に改善してまいりたいと思います。

Googleのmod_pagespeedを導入してウェブページの表示を高速化しました

最近、ウェブサイト高速化のための取り組みを実施しています。
以前より、Googleからmod_pagespeedというapacheウェブサーバーのモジュールがベータ公開されていたのですが、つい先日、正式版となりました。
これにともない当ウェブサイトでも高速化の取り組みの一環として、同モジュールを導入いたしました。
mod_pagespeedはHTMLやJAVAスクリプト、CSS等のテキストベースのファイルにとどまらず、バイナリ形式の画像ファイルまでをも、あらゆる方法で最適化するものです。すべてサーバーサイドで行いますので、閲覧環境側ではなにも変更する必要はありません。以前のままご利用いただけます。
すでに世界中の多くのウェブサーバーで稼働実績があるようです。

当モジュールはウェブサイト内のすべてのページに影響します。その結果、予期せぬトラブルが発生する可能性もありますので、しばらくは様子を見ながら運用してまいりますが、もしも、お気づきの点がありましたら、お知らせいただけますと大変助かります。

当サイトはこちらです。