議論すべき質問があります - 特定のウィジェット、プラグインなどに追加の JavaScript ライブラリと css ファイルを追加するときのページのパフォーマンスと速度。
例: 入力フィールドに単純な日付ピッカーと追加のタイムピッカーが必要でした。
私が統合しなければならなかったのは、JQuery UI ライブラリ、timepicker スクリプト、+2 つの異なる css ファイルでした。
追加のコードがたくさんあると思います。私は速度についてあまり経験がないので、皆さんに質問したいのですが、これらすべての追加要素はページの速度とパフォーマンスにどの程度影響しますか?
変化は顕著ですか？
コードをどのように統合するかは、コードがそこにあるという事実よりもはるかに重要になります。それらをすべて別のファイルに保持し、ページの先頭に含めると、ページがかなり遅くなる可能性があります (コードをフェッチするためのラウンド トリップから)。
可能であれば、次のことを行う必要があります: - css を既存のサイトの css (head 内にあり、キャッシュ可能である必要があります) とマージします - タイム ピッカーとサポート ライブラリのすべてのスクリプトを 1 つの js ファイルに入れます - JavaScript を非同期的にロードしますまたはあなたの体の最後にあるので、ページコンテンツの読み込みをブロックしません
DOM 上の要素にコードを接続する方法にも注意する必要があります。かなり複雑な DOM を使用している場合、 $(".mycalendar").xxx のようなものは、特に古い IE ブラウザーでは非常に高価になる可能性があります。可能であれば、要素に ID を使用し、それを使用して選択します。そうしないと、JQuery が DOM 全体をウォークすることになります (そうです、JavaScript の実行自体は高速ですが、DOM に触れるものは高速ではありません)。