新・元地方の中規模印刷会社で苦悩するWebデザイナー改めWebディレクターの日記

自由な20代、窮屈な30代を経て、遂に40代になっちまったWebディレクター&パソコン講師の覚書と思う言(こと)。略称【ちほちゅう】

*

GoogleさんがCSSが重いというので調べてみた

   

  • このエントリーをはてなブックマークに追加

1年以上前の記事です。内容が古い可能性があります。

Googleさんからまたアドバイスがきました。

無駄なCSSを削除する01

今回はCSSの中に読み込みに時間のかかっている奴がいて、そいつのせいで広告収入が落ちているとのこと。
いままでGoogleさんの言うことに間違いはなかったのでしらべてみると。。

スポンサーリンク
 

どうも共有CSS(template.css)を読み込んでいるこのあたりが怪しい。
無駄なCSSを削除する02

そこでソースを調べてみると、<$HeadSectionCommon$>というlivedoor Blogの独自タグがあって、
そいつがあることで呼び出されてしまっている様子。
無駄なCSSを削除する03

で、この独自タグを削除して最低限のCSSのみ読み込ませるように書き換えます。
無駄なCSSを削除する04

ただし、このままだとタグクラウドの部分が以下のようになってしまう。
無駄なCSSを削除する05

そこでタグクラウドの部分だけ「template.css」から持ってきてカスタムデザインのCSSにコピー。
無駄なCSSを削除する06

ひとまずこれでなんとかなりました。

もっとも、自分の場合はかなりカスタマイズしているのでこれで済みましたが、レイアウトによってはもっと大変な思いをするかもしれません。
いずれにしても、ひとまずデザインを保存してからやってみたほうがいいでしょう。

ってか、それ以前に本当に「template.css」がGoogleさんの言っている読み込みに時間のかかっているCSSなのかどうかはっきりしてないのですが。。

 - マーケティング, ユーザビリティ

アドセンス広告メイン

Message

メールアドレスが公開されることはありません。

  関連記事

2015年12月のヒットキーワードとヒットページ

1年以上前の記事です。内容が古い可能性があります。あけましておめでとうございます …

no image
YouTubeムービー投稿で収入

1年以上前の記事です。内容が古い可能性があります。livedoor ニュース & …

no image
山手トンネル開通

1年以上前の記事です。内容が古い可能性があります。首都高池袋―新宿間が開通、22 …

クリック率を上げるバナー広告のコツ

1年以上前の記事です。内容が古い可能性があります。クリック率を上げる(クリックア …

no image
これは詐欺なのか?(ヤフオク福袋事件)

1年以上前の記事です。内容が古い可能性があります。ヤフーオークションで福袋をつか …

Livedoor Reederのヘッドラインモードが便利

1年以上前の記事です。内容が古い可能性があります。最近、RSSリーダーに登録して …

「Firefox OS」は次世代スマートフォンOSとなりうるのか?

1年以上前の記事です。内容が古い可能性があります。スマートフォンのOSで有名なの …

Flickr(フリッカー)がリニューアル。写真の位置情報を表示

1年以上前の記事です。内容が古い可能性があります。画像共有サイトFlickr(フ …

ドコモケータイ用twitterクライアント「twittie」by「Colors」

1年以上前の記事です。内容が古い可能性があります。ケータイ用twitterクライ …

新しいサイト流入導線。サブドメイン名に日本語キーワードを入れる

1年以上前の記事です。内容が古い可能性があります。これまた目からうろこの裏ワザを …

血液型オヤジ