Javascript
 Computer >> コンピューター >  >> プログラミング >> Javascript

ページの読み込み時間はJavaScriptにどのように影響しますか？

ページの読み込み時間は、JavaScriptファイルとコードの影響を受けます。 JavaScriptファイルを最適化していない場合、ページの読み込み時間が長くなりますが、これは発生しないはずです。 JavaScriptコードを縮小して、ページの読み込み時間を短縮します。

また、より良い結果を得るためにJavaScriptファイルをキャッシュします。パフォーマンスを向上させるには、インラインJavaScriptと外部JavaScriptを適切に使用してください。同じスクリプトを複数のページに追加する場合は、外部JavaScriptファイルを使用してみてください。

外部スクリプト

  • ブラウザは、初めてダウンロードされた外部スクリプトを保存します。再度参照する場合は、追加のダウンロードは必要ありません。
  • これにより、ダウンロードの時間とサイズが削減されます。

インラインスクリプト

    インラインスクリプトはすぐに実行されます。
  • すぐに読み込まれ、別のリクエストをトリガーする必要はありません。
    • インラインスクリプトはサーバー側の動的レンダリングに役立ちます。

  1. ページがJavaScriptで読み込まれるたびに、テキストを強調表示します

    テキストを強調表示するには、ページが読み込まれるたびに、forループと-の概念を使用します。 <span class=”yourColorName”> 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">

  2. Seleniumを使用してJavaScriptを含む複雑なページが読み込まれるのを待ちます。

    JavaScriptを含む複雑なページがSeleniumで読み込まれるのを待つことができます。ページが読み込まれた後、Javascriptメソッド document.readyState を呼び出すことができます 完了するまで待ちます 返されます。 構文 JavascriptExecutor js = (JavascriptExecutor)driver; js.executeScript("return document.readyState").toString().equals("complete"); 次に、明示的な待機を使用して、ページでアク