問題タブ [domcontentloaded]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
angularjs - DomContentLoaded で初期化されている場合、AngularJs を下部に宣言する理由
https://docs.angularjs.org/guide/bootstrap
このガイドでは、「ページの最後にスクリプト タグを配置すると、angular.js の読み込みによって HTML の読み込みがブロックされないため、アプリの読み込み時間が改善されます」と記載されています。
しかし、次のステートメント「Angular は DOMContentLoaded イベントで自動的に初期化されます」では、正確にはどういう意味ですか。この初期化の意味と、angular.js が HTML の読み込みをブロックする方法を説明できる人はいますか?
jquery - Chrome で DOMContentLoaded が非常に遅い
複数のサブモジュールを含む複雑な ASP.NET ページ、ポータル タイプがあります。一部は従来の ASP.NET ユーザー コントロール (サーバー側のロジックを使用) であり、その他は純粋なクライアント側 (kendoui / jquery / ko / webapi) です。
問題は、Chrome でのページの読み込みが非常に遅いことです。Chrome Dev Tools でタイムラインを確認すると、DOMContentReady がほぼ 1 分後に起動され、最初のペイントが約 11 秒後に開始されることがわかります。
同じページが約 20 ～ 25 秒で FF に読み込まれますが、これは正常です (ページが複雑になります)。
何が原因で、どうすれば修正できますか?
ありがとうございました
javascript - 「DOMContentLoaded」の後でも要素セレクターがnullを返しますか?
ここで、getElementById が null オブジェクトを返すことに問題があります。以下のコードはすべて、「DOMContentLoaded」(イベント リスナー) のときに呼び出される無名関数内に配置されています。これは、属性 (特に "data-text") を設定しようとしたときに getElementById が Twitter ボタンを見つけられないことを回避するために行いました。最初の関数は、getElementById を使用して要素 (ページ上の「a」要素) を問題なく特定できますが、2 番目の関数は null を返します。「DOMContentLoaded」の後にのみ実行すると、この問題は解決すると思いましたか? ここで何が欠けていますか？（私がやろうとしていることを示すのに十分なコードをここに入れていない場合はお知らせください。）
マークアップは次のとおりです。
最初の関数のみが上記の要素の属性にアクセスして変更できるようですが、2 番目の関数はそれを見つけることさえできません (getDocumentById は null を返します)。
google-chrome - DOMContentLoaded の前に First Paint が発生する理由
パフォーマンス向上のテクニックについて頭を悩ませているので、Google Chrome に同梱されているパフォーマンス ツールに飛び込んでいます。Timeline タブで遊んでいると、自分のページでFirst PaintイベントがDOMContentLoadedイベントの前に発生していることがわかりました。私はいくつかの記事を読みましたが、伝えられるところによると、ブラウザーがユーザーにコンテンツを表示し始めることができる最初の瞬間は、DOMContentLoadedの後でなければなりません。誰かがこれが本当であることを説明してもらえますか?