web-dev-qa-db-ja.com

GoogleのCDNからjQuery UI CSSをダウンロードする

私は、UIとCoreの両方にjQueryライブラリをダウンロードするためにGoogleを使うことを計画しています。私の質問は、彼らは私がそれのためにCSSをダウンロードすることを可能にするのか、それとも私が自分でそれをホストしなければならないのか？

また、Googleを使って他のプラグインを読み込む方法を教えてください。すべてのプラグインをまとめて圧縮することはできますか、それとも独自の別々のファイルにする必要がありますか？

jquerycssjquery-uicdngoogle-ajax-libraries
449
coool

JQuery UI（現在はv1.10.3）を含むGoogle AJAX Libraries APIには、 jQuery UIブログ に従って一般的なテーマも含まれています。 ）：

Google AjaxライブラリAPI（CDN）

569
cletus

jQueryはCDNにアクセスできるようになりました。

code.jquery.com/ui/[version]/themes/[theme name]/ jquery-ui.css

そしてこれをもう少し簡単にするために、ここに行きます：

58
Dustin Woodard

GoogleはこのリンクでjQueryUI cssをホスティングしています https://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery.ui.all.css

このコードを直接見てみると、@import を使用してCSSをインポートしていますが、遅くなる可能性があります 。わずかなパフォーマンス上の利点を得るために、その部分へのインポートを考慮に入れることができます。

https://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery.ui.base.csshttps://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery.ui.theme.css

29
user1159653

私はそう思うでしょう。何故なの？スクリプトファイルをサポートするためのCSSを提供するCDNはそれほど多くないでしょう。

このリンク から、次のことがわかります。

JQuery UI CSSテーマが現在GoogleのAjax Libraries CDNでホストされているのは特に刺激的です。

5
Scott Evernden

あなたがjQuery UI CSSを意味するなら、あなたはこれを使うことができます：

<link rel="stylesheet" type="text/css" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
5
samdy1

オバマ氏が言うように「はい、できます」。これがそのリンクです。 developers.google.com/#jquery

あなたが使用する必要があります

グーグル

ajax.googleapis.com/ajax/libs/jqueryui/[VERSION NO]/jquery-ui.min.js
ajax.googleapis.com/ajax/libs/jqueryui/[VERSION NO]/themes/[THEME NAME]/jquery-ui.min.css

jQuery CDN

code.jquery.com/ui/[VERSION NO]/jquery-ui.min.js
code.jquery.com/ui/[VERSION NO]/themes/[THEME NAME]/jquery-ui.min.css

マイクロソフト

ajax.aspnetcdn.com/ajax/jquery.ui/[VERSION NO]/jquery-ui.min.js
ajax.aspnetcdn.com/ajax/jquery.ui/[VERSION NO]/themes/[THEME NAME]/jquery-ui.min.css

ギャラリーのサブタブでここにテーマ名を探す http://jqueryui.com/themeroller/

。

しかし、私は以下の理由からcdnからホスティングすることをお勧めしません。

  1. ヒット率のあなたのチャンスは他と比較してグーグルCDNの場合には良いですがそれでもまだひどく低いですが（どんなCDNもグーグルだけでなく）。
  2. Cdn経由でロードすると、jQuery.js、jQueryUI.js、コードの3つのリクエストがあります。あなたはそれをあなたのローカル上で圧縮しそしてそれを一つの単一リソースとしてロードするだろう。

http://zoompf.com/blog/2010/01/should-you-use-javascript-library-cdns

3
aWebDeveloper