JavaScript - この Web ページを初めて開くとき、読み込みが非常に遅く、開くまでに数秒かかるのはなぜですか?

この Web ページを最初に開くと読み込みが非常に遅いのはなぜですか? HTML ファイルの読み込みに 3 秒以上かかるのはなぜですか?会社のサーバーでテストされましたか?

返信内容:

この Web ページを最初に開くと読み込みが非常に遅いのはなぜですか? HTML ファイルの読み込みに 3 秒以上かかるのはなぜですか?会社のサーバーでテストされましたか?

スクリーンショットから、問題は主にHTMLテキストの戻りが遅いことに焦点を当てており、緑色の線は非常に長く、緑色は待機中（TTFB）を意味します

TTFB とは何かについては、この記事をご覧ください https://scaleyourcode.com/blo...

簡単に言うと、サーバーが HTML データを返すのにかかる時間は基本的にグリーンタイムと同じです。その場合、質問は HTML が非常に遅い理由を調べることです。その基本的な理由は次のとおりです。データの確認が遅い。それともネットおばさん

brand.html这个是品牌页面吧，从页面的大小9k ページのレンダリング作業はサーバーが完了した後に返される必要があるようですが、これによりネットワークの輻輳が発生するリスクがあります。

どのようにコードを書いたのかわかりません。サーバーの応答が遅い理由は 2 つだけです。

• あなたのプログラムにはデータベースの読み取りまたは同期操作が多すぎて、応答待ちの問題があります (プログラム)

• テストサーバーのネットワークまたはパフォーマンスが低い（ハードウェア）

所定のSEO要件を満たすことを前提に、サーバー側の同期操作を減らし、ページをモジュールに分割し、クライアント側のレンダリングソリューション（JS非同期レンダリングを使用）を使用することをお勧めします

または、サーバーは最初の画面データのみをレンダリングし、後続のデータは JS を使用して遅延ロードおよびレンダリングされます

テストサーバーが遅い可能性があります

ハンサムな男性、写真がたくさんあるので、CSSスプライトを使用することをお勧めします

その HTML の内容を見てください?

この問題は tcp/ip プロトコルにも関連しています。 初めて Web サイトにアクセスすると、3 ウェイ ハンドシェイクが実行されますが、これには非常に時間がかかります。ただし、接続が確立されると、接続は非常に速くなります。握手する必要がないからです。そのため、最初の訪問は少し時間がかかります。

私も同じ問題に遭遇しました。再インストール前はサーバー システムが非常に高速でしたが、再インストール後は速度が低下しました。これにより、アクセスしたページは同じになり、転送されたデータ サイズは次のとおりです。同じ。

しかし、10K 未満のファイルを転送するのに数秒かかります。それはわかりません

後でhostsファイルが空であることがわかり、

を入れました リーリー

ホストに参加した後、速度は通常に戻りました

TTFB時間が長すぎます。サーバー側の問題です。サーバー側から最適化してください。

まずネットワークが安定していることを確認してください