WEB制作におけるGoogleのCDNの使い分け

Question

前提・実現したいこと

サイト制作初心者（実務未経験）です。
サイトを作る際にGoogleのCDNは１系・２系・３系全てを読み込んだ方が良いのでしょうか？

また、jQuery UIやjQuery Mobileなども読み込んでおいた方が良いのでしょうか？
ライブラリが様々ありますが、とりあえずバージョンも気にせず３系のみを読み込んでおけば間違い無いでしょうか？

質問にすらなっていなかったら大変申し訳ございません。
ご教示いただければ大変助かります。

Answer 1

要件によります。

それぞれの系で、
サポートしているブラウザが違うなど、仕様の違いがありますので、
よく調べて、要件にあったものを使用するべきかと。

jQuery UIやjQuery Mobileなども読み込んでおいた方が良いのでしょうか？

その二点に関しては、下記理由で、使用する時のみに留めておいた方がよいでしょう。

• 重い

記述量が単純に倍々になりますので、Webページの表示が重くなります。
使っていない構文が大量にあると、リソースの無駄にもなります。
単純にWebページの読み込みスピードが遅いと、SEO上にも影響が出てしまいます。

• 他のJS処理などに影響が出る可能性

この二つのプラグインは、ページ全体の表示コントロールを行うものですので、
安易に使用していると、他のJS処理などに影響が出る可能性が高く、
比較的、慣れた人向けのものという印象があります。
なので、とりあえず読み込んどけばいい、では怪我する恐れがあります。

Comments

[hiro212]

了解しました。
ヒントを頂きありがとうございます。
深掘り致します。

[miyabi_pudding]

あ、jQuery UIやjQuery Mobileに関して言及してなかったですね・・・。
回答に追記しますね。
（その二点に関してはかなり注意が必要）

[hiro212]

こんにちは。
丁寧なご回答をして頂きとても嬉しいです！
jQuery UI,jQuery Mobileについて、かしこまりました。
ありがとうございます。

Answer 2

jQueryは1,2,3は排他的なものなので、どれか一つにしてください
jQueryUIは便利な機能が豊富ですが、ある程度のものはjQuery本体でできるので
使う見込みがなければ組み込まないでください

Comments

[hiro212]

1,2,3について了解しました。
ご教示いただきありがとうございます。
大変助かりました????