解決済

clip!clip!
Ads By Google

広告表示の軽量化をしたい

『広告表示へカーソルを合わせると勝手に色が変わるプログラム(css)はどの部分で、またどうやれば変わらないようにできるでしょうか?』

かつてライブドアが華やかなりしころ、このどうでもいいグーグル広告表示が入った瞬間はデザイン上も問題ないから許しておくか、なにせあの金にゃ目がないクソ運営末裔のことだしとおもっていたのですが(共生という言葉もある)
今となっては、バカすぎる運営はやはりバカそのものであり、放っておくと調子にのりだしたか勝手にタッチ色変えでプログラム一気にバカ重くし、善良な読者および善意のブログ開設者たちの足をバカすぎる重プログラムでどんどん遠ざけているのです。

このままではライブドアそのものがつぶれます。共倒れとはいきますまい。

 わたしが求めている回答は「どうやれば広告表示を軽量化できるか」です。そのための質問内容です。
 ライブドアの運営が低知能であることは前回の下らない質疑応答で十分理解しています。リーダーがいない組織は委員長のいない学級会みたいなものでまったくそのままでは使い物にならないのですから。うるさいだけです。

よって、お聞きしたいのは運営さん方のすばらしい知能ではなく、「広告表示の軽量化」の手法だけです。純粋なCSSプログラム上の。そのために冒頭の二重鍵カッコ内をくりかえし読み、正確な答えを導き出してください。
前回のような余計な内部通告者(いつもの)からのライブドア擁護論は無視させていただきます。

なぜわたしが自分自身でそれをなさないで(やればできるだろうに)わざわざこんな面倒な質問を書く手間を取るかというと、わたし以外の、さんざん迷惑しながら超重さにストレスを溜め続けている多くのライブドア出演者の方々へ利益還元したいからです。
テレビ局で出演者をけなしている会社が発展できるでしょうか? お客は神なのです。ブロガーを大事にしなければどこからその局の技術を宣伝するのでしょう? 低知能な運営ではなく、わたしは賢明な読者へ書いています。もちろん運営さんが読まんでいいものではないが。

2009-06-23 02:57の質問
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。

回答(2)

1.

2009-06-23 06:18:25みんなナイスな
色が変わる部分のプログラムはどちらかというとCSSではなく
JavascriptでCSSを弄くってる感じがします。
Javascriptは外部JSファイルでプログラム郡としてまとめて呼び出しています。さらに広告部分のHTMLやJavascrtipt記述はLivedoorのCGI(多分PHP記述)で勝手に入ってくるのでこちらでどうこう弄くれるものではありません。(呼び出しのJSファイル記述はそちらでなされていますね。)

記述される広告を削除したり、見えなくさせたりするのはたぶん規約違反になると思いますが、見にくい位置に押しやることは可能です。
サイドバー広告なら、ブログパーツの順番を一番下の変えれば(順番の数字を手入力で順番付けし直す)下の方に押しやれます。本文がどのくらいの長さかわかりませんが、これで多少のストレス軽減になると思います。また本文記事の前後に出る広告もHTMLを弄くることで、記事の数に関係なく1つ表示にもできるし一番下に追いやることも可能です。
これ自分が作ったやつですが、広告を下に追いやった例です。

2.

2009-06-23 07:34:55みんなナイスな
回答1.にあるようにGoogle AdSenseの制御自体は下記のJavaScriptで行われています。

そこでデザインのカスタマイズからCSSの中に下記を追加します。
div.adbox
, div.adhover {
 background-color: #FFFFFF!important;}
マウスが乗っていないときの背景色とhoverしたときの背景色を統一することで色が変わることを抑制します。

しかし、JavaScript自体は動作するのでダウンロードコンテンツの軽減およびクライアントサイドでのストレスの軽減にはつながらないと言えます。

ただ、YSlow(Yahoo!提供のページスピード解析ツール)やGoogle Page Speed(Google提供のページスピード解析ツール)で見る限りページ全体が重いというようには見受けられません。ただ、実際にFirebugで測定した場合には下記のようなテストブログの描画でも4.481sかかりました。


ご指摘のGoogle AdSense周りでは
http://parts.blog.livedoor.jp/js/google_jp.js
 5 KB  24ms
http://pagead2.googlesyndication.com/pagead/show_ads.js
 12KB  82ms
と軽快なのですが、気になるのが
http://app.click.livedoor.com/A-affiliate2/mobile?...
 311B  3.05s
の部分です。非常にレスポンスが悪く、ここで3秒かかっています。そのためページの描画を始めるときにCommonHeaderの部分で一度足止めになるような感じです。
Ads By Google

コメント(18)

ここは迅速に動くことはないので、元社長さんも断然使いやすいと言ってる雨風呂にいった方がいいのでは?

2009-06-23 08:26:58

テレビ局にとって
1.スポンサー
2.視聴者
3.出演者・番組
の順位で優先します。スポンサーが会社に収益を与え、そのスポンサーを満足させるために視聴者がいて、その視聴者を満足させるために出演者や番組があるわけです。なので、出演者をけなしている会社は多くあり、それは視聴者を満足させられないからです。
ライブドアもかつては様々な事業を手掛け多方面からの収益があったものの、今となっては広告収入がメインです。そのため一番優先なのは「広告主」であり、その広告主を満足させるのは広告を「クリックするユーザー」であり、そのユーザーを集めるための記事を作成し広告を配信するための手足となるのが「ブロガー」です。

2009-06-23 08:27:37

なので別にブロガーにライブドアの技術を宣伝してもらう必要はなく、ただただ記事を多く書いてもらい広告を多く配信してもらうだけです。そして、その記事を見てもらった人には記事より広告を見てもらい、あわよくば広告をクリックしてもらいたいと思っているだけです。そのために広告が記事より目立つように様々な施策をライブドアはしています。このマウスオーバーで色を変えたり、リファラーによって表示位置を変えたりと。
もし、その上下関係が嫌であれば、有料プランに切り替えてお金をライブドアに払うことで広告を非表示にし純粋にブログツールを利用するか、別のサービスを使った方が良いでしょう。

ああ、前質問縦読みしていいたいことがわかりました。

LDは、広告が重いんじゃなくて、鯖自体がクソで重いんです。ブログが重いなんていってたら、こんな質問サイト見てられないですよ。もっと鯖増やせよと、そういうことです。
あと人のことはあまり言えませんが、もう一度すべてデファクタリングしたほうがいいんじゃね?と感じることは多々あります。ここで安易に裏技を発見されたりね。ブログの新管理画面はよくあれでリリースできるのかと。。。

内部ソースを公開すればtani.masaruさんあたりがサクサクっとやって半分ぐらい軽減できてしまいそうな雰囲気なのだが。。。2ch危機の時だって、UNIX板の有志ががんばったら管理がソース公開からたった数時間で大幅軽減できたしね。
http://ja.wikipedia.org/wiki/8%E6%9C%88%E5%8D%B1%E...

2009-06-23 08:59:46

前質問から答えているのですが、個人的にはサーバのレスポンスが悪いとか、コンテンツボリュームが大きいという印象がないですし、計測しても分かりません。

ただ気になるのが、一番最初の質問で閲覧ページによってブラウザの挙動が著しく変わるという点です。この辺りにやはり問題が潜んでいるような気がします。
http://knowledge.livedoor.com/39458

ナレッジも含めて全体の傾向としてJavaScriptを多用して、なおかつ入れ子構造が深くなってきているのでそれがレスポンス低下の問題かもしれません。

ただブログの場合はサーバサイドでのページ生成に掛かっている時間自体は非常に速いと思います。ナレッジの場合はページ生成にかなりの時間を要していますが...

ちなみに私はリファクタリングなど大層なことはできませんよ

>ナレッジも含めて全体の傾向としてJavaScriptを多用して、なおかつ入れ子構造が深くなってきているのでそれがレスポンス低下の問題かもしれません。
>ナレッジも含めて全体の傾向としてJavaScriptを多用して、なおかつ入れ子構造が深くなってきているのでそれがレスポンス低下の問題かもしれません。
>ナレッジも含めて全体の傾向としてJavaScriptを多用して、なおかつ入れ子構造が深くなってきているのでそれがレスポンス低下の問題かもしれません。
>ナレッジも含めて全体の傾向としてJavaScriptを多用して、なおかつ入れ子構造が深くなってきているのでそれがレスポンス低下の問題かもしれません。

中の人、ちゃんと聞いとけよw

2009-06-23 22:44:21

ぷーにんさん、たにさん、回答感謝いたします。

で、試したのですが決定打になりません。特にたにさんのやつは実行してもそもそも色が変わります。
ーーーーーー
 わたしの方針としてデザインの魅力は別に、「ブログはシンプルなほどよい」ということなので重いスクリプトはなるだけ排除しているつもりなのです。よって、重さがあるなら広告表示部だけです。

ほかのブログではああまでスイスイできるのに、なぜライブドアだけは重いのでしょう。
 決定打となる一点はあの“広告タッチで色が変わるシステム”だとおもいます。あの導入の瞬間に極端に重くなったのを記憶していますから。

よって、そのシステムそのものを排除できればあとはどうでもいいのです。『色変わりを排除する手法』以外はいらないのです。それだけが欲しい情報なのです。また冒頭をくりかえしていますやはり頭のよい人はおられないのですね、ナレッジというわりに。

実際は人否杉だからねぇ。。。
昔は、内部の人なんかが出てきてってのもあったけど

今は見ればわかるが大方taniさんにおんぶに抱っこ状態。
内部の人は放置プレイ。
taniさんが内部の人だったらwごめんなさいね。

2009-06-24 10:09:54

>>2
に記載したブログは閲覧されましたか?私の環境ではあれがキャッシュがない状態で4秒、キャッシュがある状態であれば2秒を切る程度で表示できています。

また、記載したブログには回答に書いたCSSの方法を適用しているためにhoverで色が変わることはないと思うのですが、そもそも色が変わるというのは背景色を自身のものに調整していますか?

何度も言うように広告の色を変える部分については、確かにJavaScriptを使用していますが、それ自体はCSSの設定とリファラーによる表示位置の決定、そしてGoogle AdSeneseの呼び出ししか行ってなく、それが描画においてストレスになることはないと思いますし、実際に計測しても問題ない時間でした。

#10.  tani.masaru
2009-06-24 10:13:23

どうしても重いというのであれば一度FirefoxのアドオンのAdBlock Plusを使ってください。これを使うことで広告部分のJavaScriptを停止することが可能です。
https://addons.mozilla.org/ja/firefox/addon/1865
ただし、この行為自体は広告を停止することになりますのでlivedoor利用規約を含め確認の上ご利用ください。

#11.  tani.masaru
2009-06-24 10:18:38

もし可能であればBlogのURLなどを教えていただければ実際にどの部分で時間がかかっているのかを計測することが可能です。もしご自身で行う場合はFirefoxのアドオンであるFirebugを使って「接続」パネルから表示に掛かる時間を取得することが可能です。Firefox3.0であればversion1.3.3になります。

#12.  tani.masaru
2009-06-24 10:22:31

原則としてlivedoorのシステムを借りている限り、livedoorのシステムを排除することは出来ません(それは広告配信システムも含めて)。もし、そのシステムに不満がある場合は、別のシステムを利用するか、改善の要望を上げるか、自らlivedoorの中の人になり改善するか、そのいずれかしかないと思います。

ただ、状況を改善するための手法や問題点を洗い出す手法はあり、それは既に回答やコメントで出しました。あとは自分の努力次第でしょう。

2009-06-24 18:02:09

ぷーにんさん、たにさん
まことに誠実な回答かさねがさね有難うございます。

この質問フォーム上のやりとりからわたしが理解したのは、“ライブドアのあたまのよくないプログラマがCGI記述で外部から勝手にいじれないようにイジワルク自動で読み出しているので”広告表示の軽量化は実質上不能ということでした。
ということは、この問題解決にはライブドア内部の悪プログラマを排除するか、またはそのプログラマの低知能を変えるかどちらかしかないらしい。が、現実にはバカは死なないと治らないのではないでしょうか。冷酷な話なのですが。

 あと、飽くまで好意ですけれど、たにさん。
「お客は神」です。このあきないの根本がリカイできない場合、商売に携わることだけはやめておいたほうが賢明ですよ。
神を冒涜する者にはかならず天罰が下るのです。

#14.  tani.masaru
2009-06-24 20:12:19

“ライブドアのあたまのよくないプログラマがCGI記述で外部から勝手にいじれないようにイジワルク自動で読み出しているので”広告表示の軽量化は実質上不能ということでした。
軽量化とは結局具体的に何をしたいのか、全く分からない(マウスオーバーでの色の変化を止めるわけではないとのことです)ので、適切な回答が出せずに申し訳ありませんが、原則としてライブドアは広告ネットワークに参加し広告主から預かった広告を規定通り出し続ける義務があるので、「外部から勝手にいじる」ことは出来ないのは当たり前です。TVCMの自動カットを放送局が頑として反対したのと同じです。広告ネットワーク側としてはAdBlockのような機能には反対するでしょうね。
実際にAdBlockを有効にしたFirefoxでGoogle AdSenseにログインできない事態は海外ではあったようです(余談ですが)

>taniさん
>「外部から勝手にいじる」ことは出来ない

いやいやいや、規約に違反しないかはともかく広告を表示させないようにすることはサイト設計上可能だと思いますよ。HTML全部編集できるんだから。$Advertise$(だっけな?)加えたまま表示させない方法はいくらでもあると思いますよ。(表示領域のないiframe内に貼り付けるとか。まあ規約違反でしょうがね)

先日、友達のところのsafari/mac/NTT光で見る機会がありましたが、やっぱり重いですね。LDサイトの重さをより感じられました。
safariだと全部処理終えてから表示されるような感じで、画面真っ白の期間がIEより長く感じました。もしかしたらヤマトびとさんのブラウザもそういう方式のもので、僕らよりもよりストレスを感じてるのかもしれませんね。

#17.  tani.masaru
2009-06-25 08:19:17

>>#15
単に表示を消すだけであれば、display:noneを使ったり方法はいくらでもあるでしょう(もちろん規約違反ですが)。しかし、おそらく単にレンダリングが遅いだけであればそれで解決するのかもしれませんが、JavaScriptの実行などがクライアントのストレスになっているのであれば、意味がありません。
原因が分からないので、なんとも言えませんけど...

#18.  tani.masaru
2009-06-25 08:26:11

>>#16
ここ最近のSafariはマシンリソースを非常に消費するブラウザになってきたために、クライアントサイドでの処理が多いサイトでは違いが顕著にでるのかもしれません。

今回のヤマトびとさんの症状も多分にクライアント側の環境による影響が大きいように思えます。

トラックバック(2)

トラックバックURL: