私は約32kbのjavascriptソースコードファイルを持っており、javascriptコードはモジュールで整理されています。 2000行以上の現在のコードを管理するのが面倒で、混乱することがあるので、各モジュールを別々のファイルに入れておくと、ページの読み込み時間が長くなるのではないかと疑問に思っていた。ページ読み込み時間を増やす
1
A
答えて
5
短い答え、 <script>
タグが各モジュールファイルを指している場合は、イエスはそれらのファイルへのネットワーク呼び出しの数が増えるため、ページの速度を遅くします。実際の答えは、それをコード化する方法ですが、これはユーザーに提供する方法ではありません。
私はあなただけであなたは、単に連想キーとPHPの配列であるファイルの「グループ」を管理できる1個の<script src="/min/f=mod1.js,mod2.js,mod3.js" type="text/javascript"></script>
タグ
を必要とするように、すべてのあなたのJSファイルを結合し、縮小化されます縮小化と呼ばれるツールを、お勧めしますあなたはスクリプトsrcを参照します。
その後、あなたのスクリプトタグは以下のようになります:たとえば縮小化のcominesとminifiesあなたのコードの後
<script src="/min/g=module_js" type="text/javascript"></script>
ので、後続の要求がキャッシュファイルにヒットしますので、それはあなたのサーバー上でそれをキャッシュしますPHPは処理する必要はありません。
+0
モジュールには依存関係のあるいくつかのjQueryプラグインがあります – MrFoh
+0
すべてのJQueryプラグインのグループを作成し、そのグループを最初に参照するだけです: '
関連する問題
- 1. 各ページの読み込みを増やす方法(PHPで)?
- 2. タイミングクロスドメインのページの読み込み時間
- 3. CodeIgniter:ページ読み込み時間
- 4. ページの読み込み時に毎回ページの読み込み
- 5. 読み込み時間
- 6. Webページのページ読み込み時間の測定
- 7. コンテンツの読み込み時の読み込みページ
- 8. ページの読み込み時間を改善する
- 9. ページの読み込み時間を設定する
- 10. 合計ページ読み込み時間を取得する
- 11. 通常のページ読み込み時間とは何ですか?
- 12. iframeを含むページの読み込み時間
- 13. ページの読み込み時のポップアップボックス
- 14. JavaScriptファイルのサイズとページの読み込み時間
- 15. ページの読み込み時間が非常に高い
- 16. Zend Frameworkのページ読み込み時間と合計クエリ数
- 17. ウェブサイトのページ読み込み時間とキープアライブhttp接続
- 18. ログページの読み込み時間
- 19. Wordpressエンキュースクリプトの読み込み時間
- 20. ウェブページの読み込み時間
- 21. 読み込み時間がgrailsで
- 22. Divコンテナと読み込み時間
- 23. UIwebviewの読み込み時間
- 24. ビデオストリーミングの読み込み時間
- 25. クラスJavaでの読み込み時間
- 26. ASP.NET - ページ読み込み時にUpdatePanelsを非同期に読み込み
- 27. ログイン後最初のページの読み込み時に最初のページの読み込み時にコードを追加
- 28. 「見かけの」ページの読み込み時間を短縮する - バックグラウンドでアセットを読み込む方法?
- 29. Django AJAXグループ化による読み込みページ数の増加
- 30. ドロップダウンリストの値とビューステートがページサイズに追加され、ページの読み込み時間が増加する
ファイルアクセスにより読み込み時間が少し遅くなる場合があります。コードを複数のファイルに分割し、パッケージャを使用して本番用にマージして縮小することができます。 CKEditorは、開発環境からスクリプトをデプロイするときにこれを行います。 – Smamatti