今日は、W3TC のチュートリアルを続けます。 であることは、おそらくすでにご存知でしょう。 キャッシュプラグイン、これにより、特に加速が可能になります。 ブログ (その性能を改善します).

このチュートリアルはいくつかの部分に分かれています。 それ以来、キャッシュの導入から始めて、いくつかの予備的な調整を行いました。 以下のさまざまな章を見ることができます。

パート2:設定縮小

私たちは、構成W3TCに残っているが、今のは、ファイル圧縮について話しましょう。

メニューにアクセスする前に 縮小する "、最初にアクティブ化する必要があります" 縮小する 一般設定で。 圧縮モードを有効にしていて、サイトで適切に機能する場合は、「 縮小 このメニューに表示されるのは、以下のスクリーンショットに示されているものの簡略版です。

このチュートリアルでは、圧縮プロセスについて説明します( 縮小 )W3TCを使用。 「 縮小 そして、JSとCSSの組み合わせは、このチュートリアルで見るものの本質です。

縮小化:一般

メニューの一般設定 縮小する 3つのオプションがあります。

縮小化・一般w3tc-プラグインワードプレス

モジュール URL書き換え "通常のURL構造ではなく、" http GET "ヘッダーを使用してフェッチされたCSSおよびJSファイルを表示したい場合を除き、"デフォルトで有効にする必要があり、このオプションはそのままにしておく必要があります。

無効にする 縮小 ログインしているユーザーの場合は変更しないでください。 ログインしたユーザーと切断したユーザーに異なるCSSファイルとJSファイルを提供しないことをお勧めします。

エラー通知 " 縮小する 管理者通知用に設定する必要があります。 これにより、エラーが発生したときに通知を受けることができます。

次のセクション「 すべての縮小化 "、"ページコンポーネント "オプションを組み合わせて移動します。 これにより、サイトの表示が損なわれる可能性があります。 プレビューモードを有効にし、サイトのレイアウトを損なわないように変更を加えるときは、サイトを監視する必要があります。

最小化:HTMLとXML

セクション HTMLとXML 縮小メニューからは簡単です。 チェックボックスは、「 縮小 "、の '" インライン CSSとJavaScript、ミニフィケーションストリームを省略し、新しい行を壊すことができます。

縮小化-HTML-w3tc

オプション "を除いて フィードを縮小しないでください どちらもチェックしないままにしておくと、サイトの速度が向上します。

のテキストボックス 無視コメント湯気 HTMLが「圧縮」されているときに削除してはならないHTMLコメントを識別するために使用されます。 Google AdWordsと読者に関連付けられたコメントが削除されないようにするために、一部のリンクされたコメントはデフォルトでこのドメインに含まれます。 HTMLコードに追加のコメントが含まれていて、「 縮小さ HTMLの場合、このテキストボックスに用語を追加します。したがって、この式を含むコメントは削除されません。

縮小化JS

圧縮を有効にしている場合 JavaScriptとCSS メニューで 基本設定 あなたはすべてでのみ作業することができます ressources 表示される JavaScript とメニューはどちらも、下の画像の簡略版になります。

縮小化-JS-w3tc

手動の方法を選択した場合は、メニューの上部までスクロールする必要があります 縮小する ウィザードボタンを選択します。 後者には、W3TCによって検出されたJavaScriptおよびCSSファイルがリストされます。 JavaScriptとCSSの両方のファイルタイプのすべてのチェックボックスをオンにして、[ 申し込む そして閉じます。 これにより、JavaScriptファイルとCSSファイルがメニューに追加されます 縮小する これらを手動で操作できるように。

「 地域での操作 "。 このセクションでは、 ressources JavaScript は「 縮小さ オプションと組み合わせて 縮小する または、単に結合されている場合。 タイプ 埋め込む » 方法についていくつかのオプションを提供します ressources JavaScriptが読み込まれています。 「」の各オプションを試すことができます。 ノンブロッキング サイトの表示を壊さないものが見つかるまで、ただしどのオプションも機能しない場合は、デフォルトのままにします。

一般設定で手動圧縮方法を選択した場合は、単一のテンプレートまたはすべてのテンプレートに割り当てて「」に移動することにより、各ファイルを個別に操作できます。 ヘッダ »、ル« ボディ 「以下」 ボディ HTMLドキュメント内の各ファイルの表示場所とロード方法を詳細に制御します。 « ドラッグ&ドロップ »ファイル。一部のファイルが以前のファイルに依存して正しくロードされる場合に、ロードされる順序を並べ替えます。

縮小化-JS-圧縮

最適な設定は、ファイルを「 ヘッダ そしてそれらのオプションの1つをロードします ノンブロッキング 」(ノンブロッキング)。 ただし、これを行うと、サイトの外観が影響を受ける可能性が非常に高くなります。

これを回避する方法はありません。各ファイルを1回調べて、さまざまな場所でテストし、サイトが正しく読み込まれることを確認してください。

縮小化CSS

使用可能なCSSファイルを減らすための4つの設定があります。

縮小・CSSのオプション

  • 有効にします :minficationとCSSファイルの組み合わせを可能にします。
  • 唯一のコンバイン :CSSファイルを結合し、それらを軽視しないでください。
  • どのように除去保存 :結合されたCSSファイルからコメントを削除します。
  • 改行の除去:結合されたCSSファイルの改行を削除します。

「を除くすべてのオプションを選択することから始めます 唯一の組み合わせ 」。 サイトのプレゼンテーションが異なる場合は、[ どのように除去保存 "そして" 改行の除去 」。 それでもサイトが修正されない場合は、「 唯一の組み合わせ '。

@importオプションについては、「 プロセス '。

「を選択した場合 自動応答オプション の方法として 縮小 「一般設定、このメニューの最初の2つのセクションのみが表示されます。 ただし、 縮小 手動の場合、CSSファイル管理セクションが表示されます。

管理するCSSファイルをまだ追加していない場合は、[ヘルプ]ウィザードを選択し、テーマのすべてのCSSファイルを選択します。 次に、最も重要なファイルが最初にロードされるように、ファイルの順序を並べ替えます。

縮小:詳細設定

ほとんどの場合、詳細セクションのデフォルト設定では、多くの編集は必要ありません。 ただし、JavaScriptおよびCSSファイルが更新される頻度、期限切れのファイルがキャッシュから削除される頻度などを調整するために使用できます。

チューニング・オブ・有効期限・デ・ファイルw3tc

詳細セクションには、特定のページ、JSファイル、CSSファイルを[ 縮小 "。 一部のJSまたはCSSリソースを圧縮してはならないことがわかった場合は、これらのドメインに追加することでそれらを分離できます。 正しい構文についてサポートが必要な場合は、「 使用:一般に 手順については、FAQを参照してください。

W3 Total Cacheの縮小オプションについてはこれで終わりです。データベースキャッシュを続けます。