WordPressで構築された外国貿易向け独立サイトでは、通常、数十の異なる機能のPluginがインストールされており、サイトにアクセスすると速度が遅く感じることがあります。私たちは、Asset CleanUpというこの最適化Pluginを使用して、サイトの速度を少し速くするのを手伝ってください。
做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、他の最適化プラグインを使用している場合は、トップページや記事ページで直接リソースを削減すれば問題ありません。
他の最適化プラグインを使用していない場合は、以下の項目に切り替えて設定することができます。
- 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」を選択しました。
外国貿易向けサイトの場合、トップページのスライダープラグインやお問い合わせフォームプラグインは、記事ページでは読み込まなくても問題ありません。
アンロードする内容を選択したら記事を更新し、最適化機能の設定は完了です。
6、最後に最適化効果を確認してみましょう。
上のスクリーンショットからわかるように、最適化前のサイトトップページは52リクエスト、918KBでした。
最適化後はリクエストが37に減り、ページサイズは590KBになり、328KB削減されました。
公式では、WP Rocketとの併用を推奨しており、より効果的です。
最後に、gtmetrixのスコア測定スクリーンショットを一枚お見せします。
注意：gtmetrixでNaiba サイト構築ノートのスコアをテストする場合は、香港サーバーを選択してください（国内サーバーのため、香港からのアクセスが最速です）。「Use a Content Delivery Network (CDN)」のスコアがFになっているのは、サイトのCDNが認識されていないためです（画像はCDNを使用していますが、サイト本体は使用していません。サイト速度は十分速いのでCDNは不要です。そのためこのスコアは無視して構いません）。
最後に、Asset CleanUpにはプロ版があり、プロ版ではJavaScriptファイルのインライン化、CSSファイルの遅延読み込み、カテゴリなどのディレクトリやページでのCSS/JSファイル管理などの機能が利用できます。強いニーズがあるユーザーは購入可能ですが、一般ユーザーは無料版で十分です。
この記事が気に入ったら、シェアしてください。