spriteを導入、サイト表示がかなり高速化しました。spriteを導入、サイト表示がかなり高速化しました。spriteを導入しました。サイトの表示時間が体感出来るレベルで速くなったと思います。(2009/11)少し遅れましたがテンプレ変更の告知です。spriteを採用しています。spriteを行いました。現在23個の画像を一つにまとめて表示しています。結果、サーバーへのリクエスト数が減り、サイト表示がかなり速くなりました。注意点この変更により、スタイルシートを無効にして閲覧されている方にはとても見苦しいサイトになってしまいました。スタイルシートを無効にして閲覧されている方がおられましたら、お手数ですが携帯バージョンの利用をお願いします。(↑負荷削減のため、11月初旬より配信数を減らしています)毎日閲覧して下さっている方は、上記RSSへの登録もお勧めです。まとめた画像はこんな感じ。▲現在使っていない画像も一部含まれています。▲このサイトのWeb表示速度を測定した結果です。1秒23個の小さな画像を一つにまとめた結果、おおよそ0.5秒ほど表示時間を短縮できました。Firefox、Operaなどを利用されている方は、体感出来るレベルで表示が速くなっていると思います。(IEを利用した場合はJavaScriptの描画が遅いため、他のブラウザほど速くなったとは感じないかもしれません。具体的な方法をバックステージ側でアップしましたので、興味のある方は是非読んでください。表示が速くなる理由は、「サーバーへのリクエスト回数が減る」から。小さな画像でも、PCの画面に表示させるには、「サーバーへファイルのリクエスト(要求)」を行い、その応答を待つ事になります。画像が20個あれば、20回サーバーへファイルの要求を行い、返事を待ちます。Requestsが89個となっていれば、そのページを表示するのに89回もサーバーに確認を取っているって事になります。この「サーバーに確認を取る」速度が重要。オンラインゲームをやっている人なら分かると思いますが、「Pingの応答速度」ってヤツです。国内の一般的なサーバーにリクエストを送信した場合、ADSL~光回線ならば1回の要求が帰ってくるまでに15~40ミリ秒、(無線LANを利用している場合は40~70ミリ秒)ISDN回線ならば40~150ミリ秒、アナログ回線ならば150~250ミリ秒かかります。23個の画像を一つにまとめた結果、一回のアクセスで22回分のサーバーへのリクエストが減り、上記の表示高速化に繋がったみたいです。ISDN64Kbpsと数字上は10%程度しか差が無いのに、体感で数倍早く感じたのは応答速度の違いが大きいです。余談2:こうやって、改めて計算してみると、、、、アナログ回線を使っている人はこのサイトを表示するのに、リクエストの応答だけでも10~15秒くらい掛かっているのか。今回の改造で、サイトの表示が早くなっただけでなく、サーバーへの負荷も減りました。大きな違いはありません。リクエスト数は30%以上減っています。▲サーバーのCPU使用時間も30~40%減った模様です。ちなみに11月12日には、cssファイル・jsファイルの圧縮を行い、htmlファイルのみにExpiresheadersを付けるカスタマイズを行いました。▲その際には、転送量のみ30~40%の削減ができています。かかっていますが一応順調に進んでいます。さくらのレンタルサーバーは、転送量が1日10GB程度までは大丈夫という噂なので、これでまだまだアクセスが増えても大丈夫っぽい。)をつけようと考えています。現在利用している「さくらのレンタルサーバ(スタンダードプラン)」では、そこまでの設定は普通は行えません。▲サーバーへの負荷が大きく、700回も503エラーが発生してしまいました。11月18日17時頃と19時頃に閲覧された方のうち、20~30名の方は画像が表示されない不具合があったかと思います。本気でA評価を取ろうとは思っていませんが(^_^;11月17日にYSlowを導入してから、このツール内の評価項目もサイト改造の目安にする事にしてみました。▲今回のテンプレート改造で55点⇒60点と5点アップ。EランクからDランクへ。今の時代にここまで削る必要は無いよねぇ(^_^;サーバーへの負荷を見ながら、もう少し頑張ってみようかと思います。当サイトで紹介する情報で何らかの損害・損益・問題が発生しても、ソフトの製作者及び当サイトは如何なる責任も負いません。ご利用はご自分の判断・責任の元お願い致します。当サイトの情報を著作権を侵害する目的でご使用になるのはおやめください。パソコン技術の向上を目的にご活用下さい。アドブロック系ツールの規制試験を終了しました。Adblockを規制しています。今後の記事掲載予定リスト(2014)カテゴリ「インストール手順」を設置してみました。はてブ数が10,000超えました。※多忙のためコメント欄は。