WordPressで構築された外国貿易向け独立サイトでは、通常、数十の異なる機能のPluginがインストールされており、サイトにアクセスすると速度が遅く感じることがあります。私たちは、
Asset CleanUpというこの最適化Pluginを使用して、サイトの速度を少しでも向上させる手助けをすることができます。Google SEO最適化を行っている方はご存知のように、
Google SEO最適化の友人は皆ご存知の通り、サイト速度は検索順位に影響する一つの要素です。以下、Naibaと一緒にAsset CleanUpを使ってあなたのサイトの速度を最適化してみましょう。
1、Asset CleanUpのインストールAsset CleanUpのインストール方法はとても簡単で、WordPressダッシュボードで直接Asset CleanUpを検索してインストールするだけです。
手動でダウンロードする場合のプラグインURL：https://wordpress.org/plugins/wp-asset-clean-up/
2、インストール完了後、有効化します。次に
プラグイン設定に進み、まず"Stripping the "fat""を読む必要があります。下図の通り：
ページの最下部に'I understand how the plugin works and I will make sure to make proper tests (via 'Test Mode' if necessary) after the changes I'm making. I'm aware that unloading the wrong CSS/JS files can break the layout and front-end functionality of the pages I'm optimising.'という一文があります。このオプションをオンにしてから設定を保存（Update All Settings）すると、プラグインが動作します。安全のため、同時にTest Mode（テストモード）をオンにすることもできます。
3、もし他の最適化プラグインを使用している場合は、直接ホームページや記事ページに移動してリソースを最適化すればOKです。他の最適化プラグインを使用していない場合は、
以下の項目に切り替えて設定することができます。
- Site-Wide Common Unloads サイト全体の絵文字、コメントコードなどの一般的なCSSとJSファイルを削除；
- HTML Source CleanUp ヘッダーのHTMLタグをクリーンアップ；
- Local Fonts ローカルフォント、通常は使用しない；
- Google Fonts 国内サイトは直接「Remove All」を選択、外国貿易向けサイトの場合はリクエストを統合可能；
- Disable XML-RPC XML-RPCプロトコルを無効化、使用しない場合は完全に無効化可能。
4、適当な記事やページを選び、編集をクリックすると、編集ボックスの下に「Asset CleanUp: CSS & JavaScript Manager」エリアが追加されます。
5、画面を下にスクロールし、現在のページで読み込みが不要なプラグインのJSとCSSファイルを確認し、「Unload」を選択します。 
例えばスクリーンショット内の
LuckyWP Table of Contentsこのプラグインは記事に目次を追加するためのもので、Naibaサイト構築ノートのホームページでは明らかに読み込む必要がありません。そのため、「Unload on this page」を選択しました。外国貿易向けサイトの場合、ホームページのスライドショープラグインやコンタクトフォームプラグインは、記事ページでは読み込む必要がありません。Unloadする内容を選択したら記事を更新し、最適化機能の設定は完了です。
6、最後に最適化効果を確認してみましょう。 
上のスクリーンショットからわかるように、最適化前のサイトホームページは52リクエスト、918KBのサイズでした。最適化後、リクエストは37回に減少し、ページサイズは590KBになり、328KB削減されました。公式では
WP Rocketとの併用を推奨しており、より効果的です。最後に
gtmetrixのスコア測定スクリーンショットを一枚お見せします。
ヒント：もしgtmetrixでNaibaサイト構築ノートのスコアをテストする場合は、香港サーバーを選択してください（私のサーバーは国内にあるため、香港からのアクセスが最速です）。「Use a Content Delivery Network (CDN)」のスコアがFなのは、サイトが当サイトのCDNを認識していないためです（画像はCDNを使用していますが、サイト自体は使用していません。私のサイト速度は十分速いので、CDNは必要なく、このスコアは無視して構いません。）最後に、Asset CleanUpにはPro版があり、Pro版ではJavaScriptファイルのインライン化、CSSファイルの遅延読み込み、カテゴリーなどより多くのディレクトリやページでのCSS・JSファイル管理などの機能があります。強いニーズがあるユーザーは購入できますが、一般ユーザーは無料版で十分です。この記事が気に入ったら、ぜひシェアしてください。
手動でダウンロードする場合のプラグインURL：https://wordpress.org/plugins/wp-asset-clean-up/2、インストール完了後、有効化します。次にプラグイン設定に進み、まず"Stripping the "fat""を読む必要があります。下図の通り：
ページの最下部に'I understand how the plugin works and I will make sure to make proper tests (via 'Test Mode' if necessary) after the changes I'm making. I'm aware that unloading the wrong CSS/JS files can break the layout and front-end functionality of the pages I'm optimising.'という一文があります。このオプションをオンにしてから設定を保存（Update All Settings）すると、プラグインが動作します。安全のため、同時にTest Mode（テストモード）をオンにすることもできます。3、もし他の最適化プラグインを使用している場合は、直接ホームページや記事ページに移動してリソースを最適化すればOKです。他の最適化プラグインを使用していない場合は、以下の項目に切り替えて設定することができます。
4、適当な記事やページを選び、編集をクリックすると、編集ボックスの下に「Asset CleanUp: CSS & JavaScript Manager」エリアが追加されます。
5、画面を下にスクロールし、現在のページで読み込みが不要なプラグインのJSとCSSファイルを確認し、「Unload」を選択します。 
例えばスクリーンショット内のLuckyWP Table of Contentsこのプラグインは記事に目次を追加するためのもので、Naibaサイト構築ノートのホームページでは明らかに読み込む必要がありません。そのため、「Unload on this page」を選択しました。外国貿易向けサイトの場合、ホームページのスライドショープラグインやコンタクトフォームプラグインは、記事ページでは読み込む必要がありません。Unloadする内容を選択したら記事を更新し、最適化機能の設定は完了です。6、最後に最適化効果を確認してみましょう。 
上のスクリーンショットからわかるように、最適化前のサイトホームページは52リクエスト、918KBのサイズでした。最適化後、リクエストは37回に減少し、ページサイズは590KBになり、328KB削減されました。公式ではWP Rocketとの併用を推奨しており、より効果的です。最後にgtmetrixのスコア測定スクリーンショットを一枚お見せします。
ヒント：もしgtmetrixでNaibaサイト構築ノートのスコアをテストする場合は、香港サーバーを選択してください（私のサーバーは国内にあるため、香港からのアクセスが最速です）。「Use a Content Delivery Network (CDN)」のスコアがFなのは、サイトが当サイトのCDNを認識していないためです（画像はCDNを使用していますが、サイト自体は使用していません。私のサイト速度は十分速いので、CDNは必要なく、このスコアは無視して構いません。）最後に、Asset CleanUpにはPro版があり、Pro版ではJavaScriptファイルのインライン化、CSSファイルの遅延読み込み、カテゴリーなどより多くのディレクトリやページでのCSS・JSファイル管理などの機能があります。強いニーズがあるユーザーは購入できますが、一般ユーザーは無料版で十分です。この記事が気に入ったら、ぜひシェアしてください。
コメントは終了しました
この記事のコメント機能は終了しています。ご質問がある場合は、他の方法でお問い合わせください。