我々のコードjQueryのパフォーマンスを向上させる

私はいつも興味深い記事、およびコードをより効率的にする方法のいずれかの議論を見つけた。
私はいつも私は自分自身を前にしてPHP、Javaにして、jQueryのフレームワークと、新しい言語に直面して発見するたびに情報を与えている。 それは、 応答時間を最適化するだけではない、または唯一のユーザーエクスペリエンスがより速く、より魅力的なように。
あなたのコードを最適化する方法を学んでも、コード自体の品質、私はいつも開かれているために何かに反映されます。
私はそれが職人のように、プログラマとしての仕事を考えるために必要だと思う、私たちの製品は、人工物であり、そのような、多かれ少なかれ洗練された可能性があります。
そこに同じ結果を達成するために多くの方法がありますが、一部は他より優れている、しかしすべてのプロジェクトのためにパフォーマンスへの気配りであることが重要であるか、常に良いアプローチを使用して、それは必要な時に有用であろう。
jQueryの最適化に関する多くのオンラインリソースがある、いくつかのヒントはユビキタス、他の学者である、他の人は矛盾に見える、そして我々は少しの順序と2番目のリストはまた、我々があきらめることができないのベストプラクティスの直接の経験を締結しません。

フレームワークの最新バージョンを使用して、

jQueryの新しいバージョンに行くことを恐れないでください、下位互換性は保証されており、各リリースでは、コアのセクションと、ほとんど使われる関数の知覚向上の書き換えによるパフォーマンスの大幅な改善をもたらします。 処刑の話を時間の一部の機能については、次の唯一のリリースでは50％に減少。 下の図を見てみましょう。

DOMレディへのショートカットを使用して、

の代わりに：

 



 $（ドキュメント）。レディ（関数（）{/ *ロジック* /}）

 

そのショートカットを使用して、いくつかのバイトを保存します。

 



 $（関数（）{/ *ロジック* /}）;

 

ロジックのウィンドウの負荷を参照すると、

それは準備ができて、ドキュメント内のすべてを記述する必要はありません。 ウィンドウの読み込みを実行するためのロジックの委譲。 例えば、長い形式の最後にあるボタンのクリックをバインドすると、リラックスして定義されるのを待つことができる。

 $（関数（）{



  



 / /ここに＃ロジック







 }）;







 $（ウィンドウ）。負荷（関数（）{



  



 $（"ButtonID"）。]をクリックします（関数（）{



    



 / /ボタンをバインドする＃このロジック



  



 }）;







 }）;

Minificareスクリプト

最初、私はあなたのFirefoxの（アドオンなどでインストールすることを示唆している放火犯 ）とあなたが見つけることは 、Google Chromeの速度のページ上でプラグインをここに 。 この便利なツールだけでなく、ページのパフォーマンスを向上させるために一般的なアドバイスを与えることは貴重な機能を持っています。minificataのバージョンは、内部に見つけることがすべてのスクリプトを提供しています。 また、CSSのため、また、イメージのバージョンを最適化されたが、我々の重いjQueryのに反映させて提供しない、私はあなたは何をすべきか、千の言葉よりもわかりやすく説明、以下の2つのスクリーンショットを添付してください。

それは放火魔に表示されるGoogleはページのスピード：

minificataは、スクリプトのバージョンを取得するとして保存をクリックすると：

MinificareダウンロードするKBの数十を保存するために取ることができるページ上のスクリプトの各。

• <<
• 1
• 2
• >>