第557回ランキング
- 第 1 位 ( ⇒ )
Kaho “every hero”
NBS フジ・ドラマ「ミス・パイロット」主題歌
♪ アレンジの和声が きちんと整っています。 - 第 2 位 ( △ )
ビリーバンバン「これが恋というなら」
三和酒類 iichiko テレビCMソング - 第 3 位 ( ▽ )
BS Dlife・BBCワールドニュース テーマ音楽 [David Lowe] - 第 4 位 ( ⇒ )
ダイドーブレンド オーケストラ編 テレビCM音楽 [ELIAS ARTS] - 第 5 位 ( ⇒ )
LUHICA「手鎖の月」
NHK総合・木曜時代劇「あさきゆめみし」主題歌
このブログのデザイン設定をしている CSSファイルには、コメントアウトした上で、ふたつの日付が記録してあります。まず 2006年 5月 5日は、初めて独自にHTML と CSSを組み上げて、オリジナルのテンプレートを使用した記念日になります。もうひとつの 2010年 3月30日は、WORDPRESSへのデザイン移行準備が完了した日です。
このブログも独自にHTML と CSSを組んでから、もう 7年になります。7年前は 100点満点で教条的に(笑)HTMLの文法をチェックするサイトがあったほど、厳密さが要求されていました。特にCSSは 段落の先頭を 1字下げろとか、HTMLも重要な要素は 前後に行間を空けろとか、コンピューターさんが 読みやすいように書きなさいと教えていたのです。
ところが最近 Google さんは、あらゆる端末でウェブページの読み込み時間を短縮しろと、全く違う事を主張し始めました。最近のコンピューターさんは、昔に比べて賢くなった(笑)から、HTMLも CSSも 字間・行間は空けずに、出来る限り短く圧縮し、少しでもネットワーク間のデータ量を少なくする事で、ページの表示を早くしろと指導しているのです。
そしてGoogle さんは、その表示スピードを計測し採点するサイトまで公開してきました。また 100点満点のやつです(笑)。このブログを計測してみると各ページ平均して 60点程度となり、特にモバイルが低めでした。Googleさんの主張は一理あります。そこで 2日からの 3連休に、出来る限りブログの表示速度を高速化する作業をしてみました。
あれだけ外部ファイルにしろと言われ続けていたCSSを、圧縮の上でHTMLへインラインで記述したり、そのHTML本体も出来るだけ字間や行間を詰めたりと、6年前と全く逆の作業をやってみました(笑)。ブログのデザインには 変更ありません。作業が終了した時点で、もう一度 計測してみると、各ページ平均して90点まで上昇し、ほぼ合格という事になりました。
確かに 従来少し のんびり表示していたモバイルブログも、私の使っている普通の携帯(ガラケー)でさえ、すぐ表示するようになりましたし、PCのほうもブログ表示が高速化しました。但し その高速化した後のブログページのHTML と CSSソースを、改めて見てみると、圧縮に次ぐ圧縮で目視で読み取る事が難しくなり、ページ全体が何やら暗号化したかの様です(笑)。
しかし、この暗号となってしまった複雑なソースを、PCやモバイルは、きちんと読み込み高速化し、総てのページを問題なく表示するのですから、作業をしたブロガーとして不満はありません(笑)。やはりGoogle さんが主張している通り、どんな端末でもアクセスした読者を待たせる事なく、即座にテキストを表示していくブログは、佳いブログなのです。