JCH Optimizeを使用しない動的JSとCSSの組み合わせ
JCHオプティマイズがJSおよびCSSファイルを圧縮および縮小するための非常に優れたプラグインであることは知っていますが、ページのレンダリングに時間がかかることにも気付きました。
たとえば、WITHOUT JCH OPTIMIZEの場合、TTFBは200ミリ秒ですが、JCH OPTIMIZEを使用すると高くなります（5〜600ミリ秒から2.5秒に）。
したがって、jsファイルとcssファイルを組み合わせる別の方法を知っているかどうかを知りたいと思います。
JCHオプティマイズは、最適化するすべてのものを単に選択するだけでなく、サイトの読み込み速度が2倍になることを期待するプラグインの1つです。試して最適化すればするほど、プラグインはより多くの処理を実行する必要があります。
また、最適化の余地がないポイントに到達する場合もあります。
最初にお勧めするのはonly JCHを使用してJSおよびCSSファイルを圧縮し、ページの読み込み速度を最初の200ミリ秒と比較します。パフォーマンスが向上する場合は、JS or CSSファイルのみを組み合わせてみてください。
プラグイン、スクリプト、さまざまなバリエーションのhtaccessの負荷を文字通り3日間テストして最高のパフォーマンスを得るために費やしたことを覚えています。
また、template.css.phpを使用すると、すべてのcssファイルをマージしてそれらを圧縮できるため、より効果的に機能する場合もあります。
コード例： https://github.com/Bloggerschmidt/Blank/blob/master/css/template.css.php
JCH最適化の問題の1つは、テンプレートファイルindex.phpで設定されていないコードを使用すると、template.css.phpファイルに次のように含めることができるということです。
unset($this->_styleSheets[JURI::root(true).'/plugins/system/mijoshopjquery/mijoshopjquery/colorbox/colorbox.css']);
それでもコードは追加されます。だから-私は通常、JS-CSS制御プラグインを使用してCSSの読み込みを停止します。
あなたが使用できる他の選択肢は、glupまたはGruntです。これらは、使用するファイルで設定することにより、joomlaの外部で機能します。
ただし、JCHがコードの途中でコードのブロックをスキャンするため、コードからCSSとjsを簡単に管理することはできません。
したがって、おそらく、最初のページの読み込みが遅い方が、結合されたファイルが提供するリクエストのサイズが小さく、リクエストが少ないほど価値があるかどうかを判断する必要があるでしょう。
独自のcssとjsをロードする拡張機能を停止し、テンプレートで実際に必要なアセット（つまり、3 x bootstrap.min.cssは不要）を組み合わせるので、1つの縮小されたcssと1または2の縮小されたjsの両方を提供します。コンパイル済み。
これは、ほとんどすべてのビルドで私が行うことです。
はい、少しピタです。はい、それはパフォーマンスに大きな違いをもたらします。
経験則;ローカル開発環境で事前に実行できることをサーバーに要求しないでください。