私は約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. ページの読み込み時間を測定するurllib2 vs curl
- 11. ページの読み込み時間を改善する
- 12. ページの読み込み時間を設定する
- 13. 推定ページ読み込み時間を計算する
- 14. 通常のページ読み込み時間とは何ですか?
- 15. AngularJSページの読み込みに時間がかかります
- 16. iframeを含むページの読み込み時間
- 17. ページの読み込み中にシステム時間とサーバ時間を取る方法
- 18. ローカルマシンでnginxとphp7-fpmを使用してドッカーの読み込み時間を増やす方法
- 19. ページの読み込み時のポップアップボックス
- 20. 日時、ページの読み込み
- 21. ページの読み込み時にHTMLリダイレクト
- 22. ページの読み込み時間が非常に高い
- 23. ウェブサイトのページ読み込み時間とキープアライブhttp接続
- 24. UIアプリケーションのページ読み込み時間の測定
- 25. JavaScriptファイルのサイズとページの読み込み時間
- 26. Zend Frameworkのページ読み込み時間と合計クエリ数
- 27. 初期ページAngular2の読み込み時間
- 28. ASP.NET - ページ読み込み時にUpdatePanelsを非同期に読み込み
- 29. ログページの読み込み時間
- 30. クラスJavaでの読み込み時間
ファイルアクセスにより読み込み時間が少し遅くなる場合があります。コードを複数のファイルに分割し、パッケージャを使用して本番用にマージして縮小することができます。 CKEditorは、開発環境からスクリプトをデプロイするときにこれを行います。 – Smamatti