iframeの利点と欠点
以前からiframeって理想的なタグなのでは無いかと思っていたが、非推奨だとかSEO的に良くないとかいう話を聞いてなんとなく使っていなかった。(HTML5では非推奨ではない)
cssが大好きなので擬似フレームを使っていたというのもあるが。
そこでメリットとデメリットについて考えてみた。
まずメリットから
通信量が少なくなる。
-メニューをメイン、中身をフレームにすれば中身だけが変わるときは通信量が少なくなる。
コード量が少なくなる。
-コードを使いまわせるので書くコードが少なくなる。
デメリット
初回でのロード時間が長くなる
-リクエスト数が増えるので多分ロード時間も増える。
iframeへのリンクを新しいタブで開いた時に、iframeの先しか表示されない。
リンクを張れない
-frameのリンク先をurlに含むことが出来ないのでリンクを張ることが出来ない。
seo
-よく知らないが良くは無いらしい。
結局、メニューからiframeの中身を変えるようなデザインだと、その特定の中身のページヘのリンクが張れないというデメリットが大きすぎるのではないかという結論に至った。
このデメリットはcssでcheckboxを使ってメニューとかを作る時にも発生する問題で、今解決方法を模索している。
また、通信速度がどんどん早くなっている今、そこまで通信量を気にする必要は無いではないかと。
コードの使い回しはフレームワークを使えばいい。
cssが大好きなので擬似フレームを使っていたというのもあるが。
そこでメリットとデメリットについて考えてみた。
まずメリットから
通信量が少なくなる。
-メニューをメイン、中身をフレームにすれば中身だけが変わるときは通信量が少なくなる。
コード量が少なくなる。
-コードを使いまわせるので書くコードが少なくなる。
デメリット
初回でのロード時間が長くなる
-リクエスト数が増えるので多分ロード時間も増える。
iframeへのリンクを新しいタブで開いた時に、iframeの先しか表示されない。
リンクを張れない
-frameのリンク先をurlに含むことが出来ないのでリンクを張ることが出来ない。
seo
-よく知らないが良くは無いらしい。
結局、メニューからiframeの中身を変えるようなデザインだと、その特定の中身のページヘのリンクが張れないというデメリットが大きすぎるのではないかという結論に至った。
このデメリットはcssでcheckboxを使ってメニューとかを作る時にも発生する問題で、今解決方法を模索している。
また、通信速度がどんどん早くなっている今、そこまで通信量を気にする必要は無いではないかと。
コードの使い回しはフレームワークを使えばいい。
コメント