1時間以内にWordPressを最適化するための簡単なガイド。

WordPressの最適化は困難な作業のように思えるかもしれません。プラグインを配置すると、すべてが壊れます。それはすぐに混乱する可能性があります。一部の画質プラグインは、画像を醜く、小さく、使用できなくします。あなたはパフォーマンスのためにウェブサイトの品質を失うことになります。心配する必要はありません。ワードプレスを最適化する方法と注意すべき点について段階的に説明します。

必要条件

1. 自動最適化。プラグインを入手する ここに
2. サーバーにインストールされたLiteSpeedキャッシュ（オプション）
3. PerfMatters。プラグインを入手 ここに
4. ShortPixel（Litespeedを使用してこのプラグインを置き換えることができます）

このプラグインを使用してWordPressサイトを最適化することを強くお勧めします。彼らは非常に便利であり、安価なコストであなたのウェブサイトのページを最適化することができます。

警告：これにより、WordPressサイトが破損する可能性があります。実行中のWebサイトに適用する前に、この設定を試すサンドボックスを作成してください。

自動最適化

Autooptimizeは重要なCSSを生成するのに最適なプラグインです。つまり、CSSコードのほとんどの不要な部分を削除します。また、JSコードを最適化し、縮小します。

JavaScriptオプション

いくつかのオプションはあなたのウェブサイトを壊すかもしれません。私はあなたがあなたのウェブサイトに適用する可能性が高い設定を色で配置しました。緑はウェブサイトを壊す可能性が低く、赤はウェブサイトを壊す可能性が高くなります。 Webサイトが壊れていることがわかっている場合は、壊れている.jsを確認して、「autoptimizeから除外する」ように追加してみてください。これでほとんどの問題が修正されます。

CSSオプション

CSSオプション

「インラインall css」は、読み込み時間が長くなるためお勧めしません。 「非同期」でロードすることもできますが、ページにロードされ、最初のペイントに時間がかかる場合があります。

HTML最適化

htmlコメントは機能を持たない傾向があるため、保存しないことをお勧めします。

画像の最適化

いくつかのチェックボックスをオンにして画像を最適化して遅延読み込みするだけで、サイトを大幅に高速化できます。WebPサポートが含まれています。

これで、ウェブサイトの設定が完了するはずです。簡単で、それほど問題はありません。このプラグインも無料です。

言ったように、徹底的にテストしてください。これにより、一部の機能が壊れる場合があります。

追加の最適化

今、トリッキーな部分が来ます。この部分は、自分が何をしているかについて確信がある場合にのみ実行してください。

tools.pingdom.comにアクセスして、Webサイトをテストします。

そのようなものが表示されます。これで、再接続またはDNSプリフェッチする必要があるリンクがあるかどうかがわかります。これは良い例です、なぜなら私たちのウェブサイトはグーグルフォントにのみ再接続するからです。これは、他のWebサイトへのDNSルックアップの作成に使用される時間が短縮されることを意味します。この場合はあまり関係ありませんが、この例では次のように記述できます。

fonts.gstatic.com、fonts.googleapis.com

また、リクエストをプリロードする必要があるかどうかがわかるので、Googleの速度に関する洞察を必ず聞いてください。 .jsまたは.cssをプリロードするよう提案されたら、「特定のリクエストをプリロード」に入力して入力します。私の場合、最初にレンダリングされるまでの時間を短縮するために、フォントが最初にロードされることを示唆しているので、フォントを配置します。

自動最適化を使用することの追加の利点の1つは、キャッシュファイルを生成する機会を与えることです。これは多くのファイルを作成する可能性があるため、Webサイトに役立つことを確認してください。追加、キャッシュを削除するたびに、ウェブサイトの読み込みに時間がかかります。 Webサイトへの訪問が多い場合、これによりWebサイトがクラッシュし、異常な量のCPUが使用される可能性があります。

Perfmatters

このプラグインには費用がかかります。しかし、それだけの価値があります。

オプション

有効にするパフォーマンスオプションを選択します。

これはあなたのウェブサイトに大きく依存します。あなたがグーグルマップを持っているか、グーグルフォントを必要としないならば、あなたのウェブサイトにとってそれがどのように最善であるかしてください。同様に徹底的にテストし、機能に影響がないことを確認します。

[その他]タブで[スクリプトマネージャ]を有効にします。

Googleでは「使用されていないcssファイルを削除する」または「使用されていないjsファイルを削除する」という警告が頻繁に表示されるため、この部分は非常に便利です。

この例では、ほとんどまったく使用されていないファイルがいくつかあります。彼らはそれが10.6 KBから10.3の可能な節約を持っていると言います、これはそれがおそらく安全に削除することを意味します。その際は十分にテストしてください。 Perfmattersは、直接無効にできるため、ここで役立ちます。

http://yourwpdomain.com/yourwpdirectory/fileyouwanttoeditにアクセスします？perfmatters

または単に追加 ？perfmatters 最適化したいページに。

ここに、ロードされているスクリプトが表示されます。

一部には次の情報があります。

そこで、未使用の.cssのgoogle提案と一致させることができます。あなたがあなたのウェブサイトに影響を及ぼさないと考えているすべての未使用のCSSを無効にします。また、.jsファイルでそれを行います。しかし、前に述べたように、設定ごと、ページごとに、どちらが機能し、どれが機能しないかを確認する必要があります。このプラグインは、使用されていない.jsおよび.cssファイルをすべて削除し、パフォーマンスを劇的に向上させます。

Shortpixel –画像の最適化

Shortpixelは、市場で最高の画像オプティマイザの1つです。これは私の設定です：

私の場合、画質を重視しています。そのため、画像のサイズを1025×1024に変更することにしました。ここに表示される設定のほとんどは、Webサイトに非常に役立ちます。

詳細ページ設定で、このオプションを有効にすることをお勧めします。

「PNG画像をJPEGに変換」を有効にする場合は、背景が透明な画像を改ざんすることがあるので、十分に注意してください。

これらも有効にする必要があります。

LiteSpeedキャッシュ

このプラグインは、Litespeedサーバーがある場合にのみ使用してください。応答時間を劇的に短縮します。

キャッシュに移動し、「キャッシュ制御設定」のすべての設定を有効にします。同様に、キャッシュ制御設定を有効にします。詳細については、 Litespeedウェブサイト。