トップページのHTMLからYouTubeのiframe直書きを除去しただけで表示が早くなった

Tweet

トップページに製品紹介のためのYouTube動画のiframeを貼っているページがありまして、そうすると、iframe内でFlashのswfファイルが200KBぐらいのがダウンロードされ、更にytimg.comからのYouTubeサムネイル画像の応答が悪いので、それがトップページのレスポンス悪化につながっておったとさ。

というわけで、最初からifameなんて存在しなければいいじゃないか！ ということで、jQueryでDOM構築後何らかのタイミングでiframeをDOM内の要素にに流し込んでやることで、レスポンス悪化のタイミングをずらしてやることにしたらとても速く表示できるようになりました。

つうわけで、YouTubeのiframeは直書きではなくて、後から差し込んだ方がいいです。

とはいえ、jQuery使っているページってプラグインすこぶる使っている傾向あるので、JavaScript回りも見直さなくてはいけませんね……

2012.03.06 23:31 投稿　大野 義貴 [Web] | 固定リンク |