現在、 Angular 1.xバージョンのアプリでパフォーマンスの改善を探しています。Google Page の速度を実行すると、RENDER BLOCKING STYLESHEETを受け取り、アプリケーションを最適化して 100/100 ページ スコアを取得しました。いくつかの興味深いサイトと、それを解決する重要なレンダリング CSS を生成するノード モジュールを見つけました。
受け取った解決策(静的ページで機能):
- クリティカル ノード モジュール
- https://jonassebastianohlsson.com/criticalpathcssgenerator/
- ペントハウス ノード モジュール
|| 直面している問題 || 疑問点 (解決策が必要):
- 単一ページ アプリケーションの場合、インライン クリティカル CSS を生成する方法。
- 400 の Web ページ (SPA ではない) がある場合、異なるコンテンツとテンプレート インジェクションを含む動的 Web サイトの各ページに重要な CSS を生成する方法。どうすればそれを生成できますか?それは可能ですか?
- ページが読み込まれるたびに、ページのそれぞれの重要な CSS を内部スタイル タグに自動的に挿入するように定義されたプラグインまたは方法はありますか?
- 400 の動的ページのサイトの重要な CSS をビルド時にのみ生成することは可能ですか? 特定のページに簡単に挿入できるように
- サーバー側レンダリング ページの重要な CSS をどのように生成できますか?
前もって感謝します.!! 多分質問は大きいです:(しかし、助けが必要です.!!