ブログのデザイン変更でクールにファイルサイズ削減
いつかやってやろうと思っていた「HTMLタグとCSSスタイルシートの完全リニューアル」を、トップページとエントリーアーカイブに実施してみました。(このブログはMTを使っています。)
↑ とりあえずこんな感じでグレーを基調にしています。(タータンチェックは難しかったので使ってません。)
リニューアルの効果は以下の通りです。
- 27KBあったスタイルシートが、4KBになった。
- 各エントリーページのファイルサイズが、平均して3KBから4KB小さくなった。
- ページ表示開始から完了までの時間が、約4秒短縮された。
- 再構築が少し軽くなった(エントリー数は約1000)
さらに推測ですが、以下のような効果もあると考えています。
- モバイルのフルブラウザで閲覧しやすくなる。
- JavaScriptの動作が多少軽くなる。(DOMツリーが小さくなるため)
- (もはや古い考えの)ページビューの記録が増える。(Google Analyticsのスクリプトが実行完了する確率が高くなるため)
↑ 今回一番やりたかったのは、このフッタです。
ちなみに、月別アーカイブとカテゴリアーカイブに手をつけていないのは、力尽きたためです。
PS. 月別アーカイブとコメント・プレビュー、コメント保留画面のデザイン適用実施。それから最近スパムが多くてコメント気づくの遅れてすみません。
コメントを残す
著者について
あ、はじめまして、こんにちは。
単純にカッコイイです、そして読み易いです。
いつもはFeed Reader(全文配信)で拝見しておりますが、
なるべく、訪れるようにします(笑)
今後もRSSネタ等楽しみにしております。
暑くなってきました。ご自愛を。
>>いちファンより さん
コメントありがとうございます。
(スパムが多く気づくの遅れてスミマセン。)
「読み易い」というのは嬉しいです。よかったです。
いちファンさまもご自愛ください。