現在、間もなく展開する WordPress サイトの最適化を実行中です。サイトの最適化には w3 Total Cache を使用しています。私は最近 CDN の CloudFront にサインアップしました。これは間違いなく役に立ったと感じていますが、これを使用すると css/js ファイルの gzip 圧縮が失われます。
これを処理する良い方法について誰かが意見を持っているかどうかを知りたかった. 現在、私はウェブサーバーからすべての js/css をホストしており、パフォーマンスが向上しているようです (Google Chrome の PageSpeed Insights アドオンを使用)。
これは、このシナリオに関する洞察を得るのに役立つベスト プラクティスの質問です。
誰にもお勧めはありますか？
前もって感謝します。
テストに時間を費やした後、クラウドフロントからサービスを提供するのではなく、css / js アセットをサーバー上に gzip で保存することがワークフローの最善の方法であることがわかりました。
gzip されていないファイルをクラウドフロントから提供するよりも、サーバー側で gzip されたファイルを提供する方がはるかに高速に思えます。
css/js をあまり頻繁に編集していない場合、@Ryan Parman は完全に理にかなっているという提案を感じます。編集後にcss / jsを同期するスクリプトを作成する方法はいくつかあると思いますが、現在のプロジェクトでは、上記で提案したことが魅力的で高速です!
JavaScript および CSS ファイルを事前に gzip し、application/x-gzipHTTP ヘッダーを使用して S3 にアップロードしてから、CloudFront でそれらを提供することができます。
ビルド/デプロイ ワークフローの一部としてプロセスを自動化すると、保守が非常に簡単になります。