- ベストアンサー
※ ChatGPTを利用し、要約された質問です（原文：jqueryの最初の読み込みだけが若干遅い）
jqueryの最初の読み込みが遅い問題と解決方法
このQ&Aのポイント
- jqueryの最初の読み込みが遅い問題が発生しました。Webページ全体が表示されるタイミングでダイアログに表示される一文字が一瞬で表示されてすぐ消えます。この問題を解決するためにはどんな方法があるでしょうか。
- 現在、jqueryを使用してダイアログを表示する機能を作成していますが、最初の読み込みが遅い問題が発生しました。Webページ全体が表示されるタイミングでダイアログに表示される文字が一瞬で表示されてすぐに消える現象が起きます。この問題を解決する方法をお教えください。
- jqueryを使用してダイアログを表示する機能を作成中ですが、最初の読み込みが遅くなっています。Webページ全体が表示されるタイミングでダイアログに表示される文字が一瞬で表示されてすぐに消える現象が起きます。この問題を解決するためにはどのような方法がありますか。
- sato965
- お礼率12% (13/105)
- JavaScript
- 回答数1
- ありがとう数0
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
実践されたことは、jsの読み込みのタイミングを変更されたということです。 具体的には、htmlロード前に読み込んでいたjsを、htmlがロードされた後に読み込み・実行を行うように、タイミングを遅らせています。 従って、htmlがロードされてから、jsが実行されるまでの間は、js実行前の表示がされます。そして、それはエラーでも何でもなく正しい動作です。 初期表示を回避するアプローチは複数考えられますが、もっとも簡単なアプローチは、js実行前の段階で要素を消してしまうことです。つまり、要素の初期表示をcssで調整するということです。 ---- しかし、そもそもの目的が複数ファイルの読み込みをまとめることにあるならば、実践されたことはほぼ意味をなしておらず、html側にあった記述をjs側に移しただけに過ぎません。 動的読み込みが有効な手段となりうるには、「初期表示に関係のないJSを後から読み込む」「必要になった段階でJSを後から読み込む」というケースが考えられます。今回の例はこれらのケースに該当しないでしょう。 通常のwebページとwebアプリとではまた考え方が変わりますが、実践されている内容はwebアプリのようなものなので、head内で初期段階に必要なjsを読み込むのは必然です。特に変更する必要はなかったのかもしれません。 もし、本当の意味で「複数ファイルの読み込みをまとめること」を実践するのでしたら、複数あるファイルを1つのファイルにまとめてください。それが本来の「まとめる」という意味ですし、web制作の現場ではよほど古い体制でない限り、そのようにされるケースが多いはずです。
補足
いろいろと考えた結果、とくに手を加えずそのままにしようと思います。 お礼が遅くなり申し訳ございませんでした。