準備、セット、キャッシュ: Speed Cache 2.9 で読み込み時間が短縮

ブログの最適化はいくらやっても無駄ですが、最適化に時間をかけすぎるのはよくありません。Joomla! 向け Speed Cache の最新バージョンには、パフォーマンス最適化にかかる時間を最小限に抑えながら、ブログの読み込み時間を改善するためのいくつかの新機能が搭載されています。

Speed Cache 2.9では、フォント、スタイルシート、スクリプトのグループ化と縮小を支援するツールが改良されました。さらに、CloudflareのCDNキャッシュのパージや、iframeと動画の遅延読み込みも可能になりました。これらはすべて、 Speed Cache ダッシュボードから数分で実行できます。

Joomla! でのリソースのグループ化と縮小

Speed Cache の最初のアップデートは決して大きなものではありませんが、意義深いものです。Speed Speed Cacheから「グループ化と縮小」、ページのデザインが一新され、ファイルのグループ化と縮小の設定をガイドするようになっています。

グループ化と縮小のページの最初のセクションでは、スイッチを切り替えることで簡単に設定を変更できます。CSSスタイルシートやJavaScriptファイルなど、縮小・グループ化するファイルの種類を選択できます。フォントやGoogleフォントもグループ化できます。

さらに、JavaScriptやCSSファイルなど、特定のリソースのレンダリングを遅延させることもできます。これらの2つのオプションは、まずHTMLウェブページを読み込み、次にCSSとJavaScriptを使用して要素を適切にレンダリングするというものです。これらの要素は、いわゆるブロッキング要素があるため、読み込みに時間がかかる場合があります。これは、ある意味では lazy loadingに似ており、 Speed Cacheのこのバージョンでも強化されています。

このページの2番目のセクションでは、特定のファイルをグループ化から除外できます。ファイルのグループ化時に発生する可能性のあるファイルの競合やエラーを回避するために、必要な数の相対ファイルパスを入力できます。

3つ目と最後のセクションも同様ですが、縮小に関するものです。最初のフィールドを使用すると、特定のフォルダ内のファイルのみを縮小し、他のCSSスタイルシートとJavaScriptファイルはそのまま残すことができます。さらに下にあるテーブルを使用して、個々のファイルを縮小対象から除外できます。このページを下にスクロールしていくことで、Joomla!ブログのグループ化と縮小設定を簡単に行うことができます。

Cloudflare CDNのキャッシュをクリアする

キャッシュはパフォーマンスを大幅に向上させますが、ウェブサイトを改修中の場合や、非常に動的なページがある場合、変更内容が読者に届くまでに時間がかかる可能性があります。このような場合は、キャッシュをクリアする必要があるかもしれません。これはダッシュボードから簡単に実行できます。Cloudflare CDNをご利用の場合はどうでしょうか？

Speed Cache 2.9では、Cloudflareからのキャッシュもクリアできるようになりました。設定するには、 Speed CacheのCDN設定に移動し、 Cloudflareのキャッシュをクリアするスイッチ。

次に、ユーザー名、APIキー、ドメイン名を含むCloudflareの認証情報を入力します。これらのフィールドのすぐ下でキャッシュしたいURLを選択し、変更されたページのキャッシュのみがクリアされるようにしてください。変更を保存し、必要に応じてキャッシュをクリアしてください。

Joomla! での iframe とビデオのLazy loading

Lazy loading Joomla! ブログのパフォーマンスを劇的に改善する可能性があります。設定に手間がかからず、ブログの読者が画像を読み始めるまで画像の読み込みを遅らせることで、ウェブサイトの読み込み時間を大幅に短縮できます。しかし、画像よりも読み込みに時間がかかるものが2つあります。それは、iframeと動画です。

iframe は従来、ウェブページを他のページ内に組み込むために使用されていましたが、現在では HTML5 動画という新たな用途も生まれています。Speed Speed Cache 2.9 では、iframe と動画の lazy loading 機能が追加されたため、必要なときにのみ動画を読み込むことで、読み込み時間を大幅に短縮できます。

iframeと動画のlazy loading Speed Cache 2.9の設定画面でメインパラメータを開きますiframeと動画のlazy loadingスイッチをオンにします。変更を保存すれば完了です。

Joomla! ウェブサイトの速度を上げるには、スイッチを切り替えるだけで済む場合もあれば、設定を完璧にするために時間をかける必要がある場合もあります。Joomla! ブログの要件が何であれ、 Speed Cache 2.9 はウェブサイトのパフォーマンス向上をさらに容易にします。

もっと詳しく知りたいですか？ Speed Cache ここ！