WordPress用の3つのシンプルなPageSpeedとコアWebの重要なハック

公開: 2021-07-21

ページエクスペリエンスの更新が近づいています。これを読んでいる場合は、無視してきた問題に取り組むためにスクランブリングを行っているか、行った作業を強化する方法を探している可能性があります。

業界のほとんどは、それがかなり軽く始まり、時間の経過とともにより影響力を持つようになることを認識しています。

グーグルのジョン・ミューラーはそれを料理に例えた。 彼らはほんの少しの塩から始めて、物事を正しくするためにゆっくりと調整します。

このアップデートはHTTPSアップデートとよく似ています。 それが展開された日は、圧倒的な影響はなかったようです。 しかし、今日、いくつのHTTPサイトがランク付けされていると思いますか?

さて、あなたは当然のことながら、これは相関関係であり、因果関係ではないかもしれないと主張するかもしれません。 結局のところ、HTTPSに移行するのは簡単で、すべての新しいサイトはそれを実行するだけであり、HTTPサイトがトップの座からペナルティを科されたわけではないかもしれません。

それにもかかわらず、あなたが安全でないサイトを持っているならば、あなたは今あなたより有利なサイトの海に立ち向かっています。 それは小さな利点かもしれませんが、誰もがそれを持っています。

あなたのことはわかりませんが、レースをしているなら、いい靴が欲しいです。

それらは私に5Kよりも5秒のブーストしか与えないかもしれませんが、これらの5秒は、ここでのコンテキストでは、クリックされた位置とクリックされていない位置の違いである可能性があります。

したがって、次のことをいくつかの迅速で簡単なハックと考えてください。

Core Web Vitals Hack 1:クラウドフレア

これはWordPress専用ではありません。

私自身のサイトは、更新に関してはそれに値する愛を得ることができません。 「靴屋には靴がありません」と彼らは言います。 そのため、CoreWebVitalsの面ではかなりうまくいきません。

多くの人は気付いていないかもしれませんが、CloudFlareは多くの速度拡張を含む無料のサービスを提供しています。

あなたにアイデアを与えるために、私が私のサイトのためのコアウェブバイタルとページエクスペリエンスハックのバンドエイドパスを始める前に、私たちの速度は次のとおりでした:

BeanstalkのWebサイトのPageSpeedInsights。

Cloud Flareの無料プランを開始し、速度最適化コンポーネントを有効にした後、次のようになります。

CloudFlareの無料バージョンを使用したBeanstalkのWebサイトのPageSpeedInsights。

ご覧のとおり、そこには大きな違いがあります。 そして、アカウントの設定を含め、すべて約20分の作業から。

Pro($ 20 /月)にアップグレードし、1つを除くすべての設定(以下を参照)を微調整した後、次のようになりました。

CloudFlareのプロバージョンを使用したBeanstalkのWebサイトのPageSpeedInsights。

うーん…$20で11ポイント。 悪くない。

有効にした設定は次のとおりです。

  • ポーランドの画像最適化。
  • ミラージュ。

私のサイトはWordPressにあるので、次のオプションがあります。

CloudFlareで自動プラットフォーム最適化を有効にします。

そこで、プラグインをインストールし、推奨設定を適用しました。

結果?

CloudFlareの自動最適化。

ここで何か面白いことに気付くでしょう。 FCPとSpeedIndexはどちらも改善されましたが、LCPは間引きされました。

これは複数のチェックの後であり、一部は62と高くなりましたが、それでもなおです。

それで、私はいくつかの設定をテストしましたが、どれも改善されなかったので、WordPressプラグインをオフにして、70年代に戻りました。

レッスン?

すべてが機能するわけではありません。

常にテストしてください。

興味深いことに、プラグインからの実際の速度は向上しました。 これはここでのトピックではありませんが、注意する必要がありました。

次は…

Core Web Vitals Hack 2:ハチドリ

いいえ、私は2013年のGoogleアルゴリズムについて話しているのではなく、WordPressプラグインについて話しているのです。

明らかに、このセクションはWordPressを使用している人にのみ関連しています。

さまざまな速度とキャッシュのプラグインをテストしましたが、それぞれがさまざまなシナリオで他のプラグインよりもうまく機能しているようです。 しかし、私の経験では、優れたホスティングプロバイダーがあれば、最も一貫性のあるのはHummingbirdのようです。

他のプラグインはより悪いホストでより良く機能するかもしれないので、私はホスティングプロバイダーの側面を追加します、しかしその場合、私の主な推奨は…より良いホストを手に入れることです。

なぜハチドリ?

Hummingbirdについて私が気に入っているのは、それが単なるキャッシングプラグインではないことです(結局のところ、まともなホスティング(またはCloud Flare)からのキャッシングがありますよね?)

Hummingbirdにはキャッシュがあります。 私はそれを使用しません。

また、HummingbirdをCloud Flareに接続して、いくつかの設定をリモートで微調整できることも気に入っています。

彼らの自動最適化は、私が試した例では、かなりひどいものでした。

何を見ているのかわからない場合はおそらくまともですが、設定に時間を費やす場合は、次のようなインターフェイスを使用して手動で行う方がよいでしょう。

HummingbirdWordPressプラグイン。

インラインで移動するものと、誤って処理された場合にサイトの機能が機能しなくなるものを見つけるために、いろいろと試してみる必要があるかもしれません(私はあなたのjQueryを見ています)。

この記事の目的のために、このセクションを書いている間、私はCloudFlareからのすべてのスピードブーストとキャッシング機能を無効にしたことに注意する価値があります。 したがって、この記事の執筆時点では、開始点は34です。

すべてのCSSとJSをフッターにプッシュして圧縮しました。 これはすべての人に可能というわけではありません。多くのスライダーなどでjQueryをロードする前にロードする必要があるため、jQueryをプッシュダウンすると多くのサイトが機能しなくなります。

製品、連絡先、ホームページ、および使用している各レイアウト/テンプレートの少なくとも1ページを含む複数のページをテストすることをお勧めします。

私はファイルを組み合わせてテストしたことに注意する必要があります。これは私がこれまで成功したことのないことであり、結果はさらに悪化しました。

最終的に、スコアは34から次のようになりました。

PageSpeed Insightsは、Hummingbirdを使用してスコアを付けます。

確実な改善。

ここでの私の経験則は、最低限でも60前後にすることです。 これにより、50のしきい値を下回って「不良」にすることなく、エラーや劣化を発生させることができます。

そして最後になりましたが…

Core Web Vitals Hack 3:アセットのクリーンアップ

WordPressプラグインのAssetCleanupは、もう1つのクイックフィックスプロバイダーです。

プラグインの基本的な機能は、サイト所有者が特定のページまたはページのセットにスクリプトが読み込まれないようにすることです。 提案は次のとおりです。

JavaScriptを減らします。

ソーシャル共有プラグインは良い例です。 ブログで使用していますが、サイト全体に読み込まれます。

パフォーマンススコアに直接影響を与えないことがわかります。 それを試してみましょう。

Hummingbirdプラグインを非アクティブ化した後、スコアは35になります。

インストールしてセットアップすると、次のようなページが表示されます。

ハチドリインターフェース。

ここで、時間を費やす可能性があり、テストモードが便利です。

スクリプトの中には、必要かどうかを簡単に知ることができるもの(たとえば、ページグループの連絡フォーム)もあれば、テストせざるを得ないものもあります(すべてのページにスライダープラグインが本当に必要ですか?)。

開発モードまたはテストモードの場合は、それらすべてを無効にしてから、機能をテストしながら1つずつ有効にすることをお勧めします。 それが私が行ったルートです。

約20分または30分後(各セクションで実行する必要がありますが、実行すると高速になります)、速度は次のようになります。

アセットのクリーンアップ。

問題のある領域が到達すると:

問題のあるスクリプト。

繰り返しますが、着実な進歩です。

しかし、始めたらどうなるでしょう…

これらの3つのハックを組み合わせる

私の経験では、組み合わせはうまく機能していないようでした。

スコアと実際のタイミングは、2つを組み合わせると悪化しました。 CloudFlareとAssetCleanupは一緒にうまく機能するはずだったので、これは予想外でした。

しかし…

最適化を組み合わせます。

ただし、結果は異なる場合があります。それぞれをテストする場合は、さまざまな組み合わせをテストすることをお勧めします。時間と傾向がある場合は、他のプラグインもテストすることをお勧めします。

私たちの場合、CloudFlareに落ち着きます。

そして、好奇心旺盛な方は、上記の測定値がモバイル向けであることに気付いたかもしれません。 Cloud Flareを使用すると、デスクトップは次の場所に到着します。

デスクトップPageSpeedとCWV。

そして今、物事をオフにする…

しかしもちろん、それはテストの終わりではありません。

そのため、今のところ、すべての最適化をオフにして、ロールアウト後の9月までオフのままにします。

基本的に、私は(もしあれば)お尻のキックがどれだけ大きくなるかを見てから、どれだけ早く回復するかを見たいと思っています。

同じことはお勧めしません。

それが整理されたら、この部分を再訪して更新します。

その他のリソース:

  • 13の最高のWordPressSEOプラグイン
  • WordPress SEOガイド:あなたが知る必要があるすべて
  • コアWebバイタル:完全ガイド

画像クレジット

作者が撮影したすべてのスクリーンショット、2021年6月