タグ

*jQueryとパフォーマンスに関するyamadarのブックマーク (5)

  • jquery 1.xと2.x の違い、さらに動作を高速にするための設定 | まとめーたー

    photoBy: http://www.jose-aguilar.com/blog/wp-content/uploa…まずは jquery 1.x と 2.x の違い 1.x 系は IE8 以前をサポートするが遅い、重い 2.x 系は IE8 以前のサポートは捨てて、いるが軽い、早い アイルトン・セナじゃあるまいしそんなに早くしてどうすんの?Webページがたった1秒高速化するだけでECサイトなんか、売上が10%向上した事例もあります。 使い分ける対応していないIE8以下には古いjqueryを読み込ませます <!--[if lt IE 9]> <script src="jquery-1.9.1.js"></script> <![endif]--> <!--[if gte IE 9]><!--> <script src="jquery-2.0.0.js"></script> <script s

    yamadar
    yamadar 2014/07/16
    高速化の方が為になる。
  • イベント登録とメモリリークについて(jQuery) - JavaScript - 教えて!goo

    質問 Check Tweet イベント登録とメモリリークについて(jQuery)役に立った:0件 質問者:takt_s 投稿日時:2011/03/12 22:40 困り度: 下記のような【html】をjQueryのAjax関数とhtml()を利用した【処理フロー】で、動的にDOMに追加しているのですが、以下の【質問】にお答え頂けないでしょうか。 【html】 <div> (省略) <a href="javascript:void(0);" onclick="foo({'arg1':'str1','arg2':'str2','arg3':num3…});">テスト</a> (省略) </div> ※foo関数の引数は初期化配列を指定、引数値はサーバサイドで動的に変化させてクライアントに出力 【処理フロー】 a要素クリック→foo関数実行→jQueryのAjax関数でfoo関

    yamadar
    yamadar 2013/06/25
    あらかじめelement.onclick=null;または.removeEventListener()などでハンドラを除去する必要があります。
  • jQuery : 要素の操作は必ずAPIを使うべし : typeOf 'aki_mana'

    身近なところで話題になったので。 過去にも、「empty() とか remove() するより、DOMオブジェクトにアクセスして innerHTML = ”” した方が速いよ!」というブログエントリを投下する方が多かったのですが、「必ずAPIを使う」こと。 理由は、「メモリリークの温床だから」 GitHub で manipulation.js のソース読めば判るとおり、結構頻繁に jQuery.cleanData() が実行されてます。― jQuery.cleanData() メソッドは、data() API として独自に実装された「各要素と紐づけられるキー・バリューストア(メモリストア)」に対する処理なので、innerHTML を使う場合でも、jQuery.cleanData() を使うなら、まぁ問題無いです。 要するに、jQuery (Zeptoみたいな類似ライブラリもそう)は、常にH

    jQuery : 要素の操作は必ずAPIを使うべし : typeOf 'aki_mana'
    yamadar
    yamadar 2013/06/25
    表題の通り。メモリリークするから、remove() や empty() 使おうぜっていう話です。
  • jQuery(JavaScript?)でメモリ解放

    jQueryでAJAXをやっています。みなさんよく使う機能ですよね。 画面遷移無しで動的に画面を変えれるので便利です。 さて、ここで問題発生。 何度かDB抽出→表示を繰り返すとレスポンスが悪くなるんです。 私のところのサーバはメモリが512MBで動いている考えられない仕様。 DB廻りで解放してないのかなぁ・・・とチェックしてみてもちゃんと解放している。 調べてみたらJavaScriptってメモリリークがあるんですね(^^; ってことで先人たちの知恵を拝借。 どうやらjQueryのイベントに対して解放するロジックを手で書いてやらないとダメみたいです。 ————————————————————- $(document).ready(function() { $(‘#btnExecute’).click(function() { //画面初期化 $(“#Tab1”).html(‘hogehoge

    jQuery(JavaScript?)でメモリ解放
    yamadar
    yamadar 2013/06/25
    $(‘#btnExecute’).click() = null; //イベントに対してnullを送る
  • サービス終了のお知らせ - NAVER まとめ

    サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。

  • 1