デフォルトで高速ですが、プロジェクトの要件が増えるにつれてパフォーマンスの問題が発生することがあります。このガイドでは、以下のような一般的なパフォーマンスの問題を特定し、修正するのに役立ちます。一部のブラウザー拡張機能はリクエストと干渉して、特にブラウザーの開発者ツールを使用しているときに、大きなアプリのスタートアップとリロードの時間を遅くしてしまう場合があります。開発サーバーを使用するときは、拡張機能なしの開発専用のプロファイルを作るか、シークレットモードに切り替えることをおすすめします。シークレットモードは拡張機能なしの通常のプロファイルよりも高速なはずです。レスポンスを実装しています。ブラウザーの開発ツールを開いた状態でキャッシュを無効化すると、スタートアップとページ全体のリロード時に大きな影響があることがあります。Cache」が有効化されていないことを確認してください。内部および公式プラグインは、幅広いエコシステムとの互換性を提供しながら、できるだけ最小限の作業で済むように最適化されています。コードの変換は開発時には正規表現を使用しますが、ビルド時には完全な解析をして正確性を確保します。コントロール範囲外であり、これが開発者体験に影響を与える可能性があります。プラグインを使用する際に注意すべきポイントがいくつかあります。起動時間を短縮するために動的にインポートする必要があります。vite-plugin-pwa#224。フックは、長時間かかるような大規模な操作をすべきではありません。これらのフックは開発サーバーの起動中に待機されるので、ブラウザーでサイトにアクセスできるまでに時間がかかります。フックは、一部のファイルでは他よりも読み込みが遅くなることがあります。避けられない場合もありますが、最適化できる部分がないか確認する価値はあります。特定の拡張子に一致するかを確認することなどです。ファイルを変換するのにかかる時間が長いほど、ブラウザーでサイトを読み込む際のリクエストウォーターフォールがより顕著になります。使用してファイルの変換にかかる時間を調査できます。非同期操作はタイミングが不正確になる傾向があるため、これらの数字はおおよその推定値として扱うべきですが、よりコストのかかる操作を明らかにするのには十分です。ようなツールを使用してプロファイルを検査し、ボトルネックを特定できます。チームがパフォーマンスの問題を特定するのに役立てることもできます。​インポートパスの解決は、最悪のケースが頻繁に発生するとコストがかかる操作になる可能性があります。次の手順で解決します。存在するかどうかを確認、存在しない。存在するかどうかを確認、存在しない。存在するかどうかを確認、存在しない。存在するかどうかを確認、存在しない。存在するかどうかを確認、存在しない。つのファイルシステムのチェックが必要です。暗黙のインポートが増えるほど、パスを解決するためにかかる時間も増えます。したがって、通常はインポートパスを明示的に指定する方が良いです。'./Component.jsx'。内のファイルにも適用されることを知っておく必要があります。呼び出すようにしてください。拡張子を使用できるようにしてください。再エクスポートするファイルです。インポートする場合でも、バレルファイル内のすべてのファイルを取得して変換する必要があります。含まれていたり、初期化時に実行される副作用が含まれている可能性があるためです。これにより、最初のページ読み込み時に必要以上のファイルがロードされ、ページの読み込みが遅くなります。インポートする方が良いです。'./utils/slash.js'。開発サーバーはブラウザーからのリクエストに応じてファイルを変換するので迅速に起動し、使用されたファイルにのみ変換を適用できます。特定のファイルがまもなくリクエストされると予測される場合は、事前にファイルを変換することもできます。一部のファイルが他よりも変換に時間がかかる場合、リクエストウォーターフォールが発生する可能性があります。large-data.jsonインポートの関係はファイルが変換された後にしか分かりません。順番を待たなければならず、事前変換が組み込まれている場合でも内部ウォーターフォールが発生します。ような頻繁に使用されることが分かっているファイルをウォームアップできます。リクエストされたときにすぐに配信されるよう準備+キャッシュされます。開発サーバーに過負荷をかけないように、頻繁に使用するファイルのみをウォームアップすることに注意してください。オプションを確認してください。開くために自動的にウォームアップするため、パフォーマンスが向上します。高速に保つには、ソースファイル(JS/TS/CSS)の作業量を減らすことです。)に変換しないでください。してインポートしてください。プロジェクトを開始する際のデフォルトではありません。大規模なアプリケーションではコストをかける価値があるかもしれません。実験的サポートを試す。Contributors。