F.Ko-Jiの「一秒後は未来」ではウェブやSEO、API、RSSといった技術的ネタから、ちょっとした豆知識や梅酒、エンタメ系まで様々な情報を不定期にお届けしています。

F.Ko-Jiの「一秒後は未来」 > このブログ > ブログのデザイン変更でクールにファイルサイズ削減

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

  • B!
スポンサード リンク

いつかやってやろうと思っていた「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. 月別アーカイブとコメント・プレビュー、コメント保留画面のデザイン適用実施。それから最近スパムが多くてコメント気づくの遅れてすみません。

[2010-01-12] RSS フィードの URL が変わりました。お手数ですが RSS リーダーへの再登録をお願いします。
Subscribe with livedoor Reader Add to Google Subscribe with Fastladder My Yahoo!に追加 Bloglinesで閲読登録 はてなRSSに追加 エキサイトリーダーに登録


コメント

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

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

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

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

コメントを投稿

(承認されるまでコメントは表示されません。)

このブログ

English version

前のエントリー: « ソーシャルブックマークボタンは有効か否か
次のエントリー: iPhone風のようでiPhone風でないアイコン »

トラックバック

このエントリーのトラックバックURL:

タイトル:

URL:

リンク用HTMLタグ:

Agile Media Network

AMN Partner Blog

広告掲載について

東京ナイロンガールズ
最近の注目記事
持っているガジェット
powered by Gadget Party
最近のつぶやき
えもにゅ

↑ 気持ち記録サービス「えもにゅ」です

このブログの読者になる

F.Ko-Jiの「一秒後は未来」 - RSSフィード

クマでもわかるこのブログの便利な更新チェック方法

DailyFeed

あわせて読みたいブログパーツ

フィードメーター - F.Ko-Jiの「一秒後は未来」

月別アーカイブ


<< March 2010
SuMoTuWeThFrSa
 123456
78910111213
14151617181920
21222324252627
28293031 
人気エントリー
TopHatenar
携帯からのアクセスは
QRコード
http://mob.fkoji.com/