https://webcode-lab.com/attic/

Coding Rules・SEO施策 チェックサイト

  • keyvisualimage
  • keyvisualimage
  • keyvisualimage
  • keyvisualimage
  • keyvisualimage
  • keyvisualimage
  • keyvisualimage
  • keyvisualimage
  • keyvisualimage
  • keyvisualimage
  • keyvisualimage
  • keyvisualimage
  • keyvisualimage
  • keyvisualimage
HOME > Common Rules > Jqery CDN利用

Jqery CDN


Jqery CDN利用は、ページスピードをUPさせるための施策の一つです。
Jqery読み込みのスピードアップ施策には他に、ローカルに置き圧縮して軽くする方法もありますが、
現状では、初回訪問ユーザーへの最適化として、Jqery CDN利用を採用しています。

「CODE」ボタンをクリックすると参考コードを参照できます。


Jqery CDN 利用の方法



Jquery CDN利用
Jquery.jsファイルを、CDNサーバー(googleなど)に置かれているファイルを外部読み込みして利用する
なるべく最新のJSファイルを外部読み込みする
CDNサーバダウンに備え、ローカルサーバ「_common/js/」にも本体を置く
※CDNはmin圧縮タイプ利用、ローカルサーバー内はmin圧縮+gzip圧縮タイプを利用
※ローカルサーバ内のgzip圧縮タイプファイルを利用するには、Htaccessでの設定が必要


<meta.html>

<!-- CSSをSCRIPTより先に記述 --> <link rel="stylesheet" href="/_common/css/common.css"> <!-- SCRIPT --> <!-- SCRIPTは、AboveTheFoldで使わないものは</body>直前に記述 Facebook SNS系など --> <!-- Jquery2.1.4 CDN START 最新版 --> <!--[if lt IE 9]> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> <script>window.jQuery || document.write('<script src="/_common/js/jquery-1.11.3.min.js.gz"><\/script>')</script> <![endif]--> <!--[if gte IE 9]><!--> <script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script> <script>window.jQuery || document.write('<script src="/_common/js/jquery-2.1.4.min.js.gz"><\/script>')</script> <!--<![endif]--> <!-- Jquery END --> <!-- JQUERYを利用するSCRIPTやJSファイルは、Jquery.js読み込み後に記述 --> <script src="/_common/js/common.js"></script>

htaccess.html「gzipローカルファイル採用」、 meta.html「Jquery利用」も参考に
ページの先頭へ


次回までにお願いする課題

  • 課題1. 知っているHTML5のマーキング情報を、みなさんへ共有しましょう。
  • 課題2. 共有CSS・共有JSを構築しましょう。提案をお待ちしています。
  • 課題3. 今後サイトコーディングで必要になるプラグインを教えてください。
  • 課題4. 分からないことなどあれば聞いてください。
12/04勉強会