勉強したことのメモ

webプログラマ見習いが勉強したことのメモ。

jQueryで高速化

      2014/07/02

高速化について調べる機会があったのでメモ。

------

セレクタはclassよりもidを優先して使う。
 無理な場合は要素セレクタと組み合わせる。

idを使ったほうが速い。classを使う場合は、その他の要素も
含めて調べた方が速いとのこと。
まったく意識していなかったので気をつける。

------

・チェーンメソッドを活用

あまりチェーンメソッドは使ってなかったので、
これも気をつける。まとめられるものはまとめる。
高速化もだけど、ソースの整理にもなる。

尚、まとめられない場合については変数化する!

------

ホスティングされているjQueryを使用する。
 また、出来るだけ新しいものを使う。

後者は当然だけど前者については、キャッシュが
効く可能性が高い為とのこと。
なので、下記みたいにgoogleの1.x系の最新を
呼び出しておけばよさそう。

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

------

以上。

 - jQuery

  関連記事

jquery_logo
jQuery.browser~みたいなエラーが出た

jQueryのプラグインを使っていて1.9以降だと「jQuery.browser ...

jquery_logo
jQueryでチェックボックスの全チェック&チェック解除

フォームのチェックボックスで「全てにチェックを入れる」「全てのチェックを外す」と ...

jquery_logo
jQueryのappendとprepend

よく忘れるのでメモ。 ■append(後ろに足す) http://semooh. ...

javascript_logo_unofficial-300x300
他サイトのRSS情報を画像付きで表示させる

WordPressでAというサイトを作成し、AのRSS情報をBというサイトでアイ ...

jquery_logo
jQueryプラグイン使用時の注意

最近lightboxが急に動かなくなったという不具合があり 調べたところけっこう ...

jquery_logo
jQueryでコンテンツのスライド

jQueryもしくはJavaScriptでリンクを押すと 右から左にコンテンツを ...

jquery_logo
Ajaxの負荷対策

Ajaxを使ってボタンを押した際に表示を切り替える処理。 都度Ajaxを使ってた ...

jquery_logo
スマホ対応のjQueryのカラーピッカープラグイン

以前の記事でカラーピッカープラグインのことを書いたけど、スマホでは使えない。なの ...

jquery_logo
adblock(広告削除)設定している場合はページを表示させない

iPhoneのSleipnirでネットをしていると「広告がブロックされたのでペー ...

jquery_logo
日付入力のテキストフォームにカレンダープラグインを導入

やりたかった事と制限は下記の通り。 ・日付入力のテキストフォームにカレンダープラ ...