F.Ko-Jiの「一秒後は未来」

ブログのデザイン変更でクールにファイルサイズ削減

いつかやってやろうと思っていた「HTMLタグとCSSスタイルシートの完全リニューアル」を、トップページとエントリーアーカイブに実施してみました。(このブログはMTを使っています。)

change-blog-design-20070712.gif

↑ とりあえずこんな感じでグレーを基調にしています。(タータンチェックは難しかったので使ってません。)

リニューアルの効果は以下の通りです。

  • 27KBあったスタイルシートが、4KBになった。
  • 各エントリーページのファイルサイズが、平均して3KBから4KB小さくなった。
  • ページ表示開始から完了までの時間が、約4秒短縮された。
  • 再構築が少し軽くなった(エントリー数は約1000)

さらに推測ですが、以下のような効果もあると考えています。

  • モバイルのフルブラウザで閲覧しやすくなる。
  • JavaScriptの動作が多少軽くなる。(DOMツリーが小さくなるため)
  • (もはや古い考えの)ページビューの記録が増える。(Google Analyticsのスクリプトが実行完了する確率が高くなるため)

change-blog-design-footer-20070712.gif

↑ 今回一番やりたかったのは、このフッタです。

ちなみに、月別アーカイブとカテゴリアーカイブに手をつけていないのは、力尽きたためです。

PS. 月別アーカイブとコメント・プレビュー、コメント保留画面のデザイン適用実施。それから最近スパムが多くてコメント気づくの遅れてすみません。

  1. いちファンより より:

    あ、はじめまして、こんにちは。
    単純にカッコイイです、そして読み易いです。
    いつもはFeed Reader(全文配信)で拝見しておりますが、
    なるべく、訪れるようにします(笑)

    今後もRSSネタ等楽しみにしております。

    暑くなってきました。ご自愛を。

  2. F.Ko-Ji より:

    >>いちファンより さん
    コメントありがとうございます。
    (スパムが多く気づくの遅れてスミマセン。)
    「読み易い」というのは嬉しいです。よかったです。
    いちファンさまもご自愛ください。

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

著者について

fkoji

F.Ko-Ji

Webエンジニアやってます。最近は ドットインストール の開発がお仕事です。その傍ら、個人で Meity電車遅延なう梅酒.in#グラドル自画撮り部 の部室といったネットサービスを開発・運営してます。梅酒と草野球とリアル脱出ゲームが好きです。

» 詳しいプロフィールや運営サービスの一覧など