WordPressウェブサイトの読み込み時間を短縮する方法–6.3秒から2秒
公開: 2022-05-04ビデオトランスクリプト
このビデオでは、Sagapixelで使用する、Webサイトの読み込み時間を約6秒からもう少し許容できる時間に短縮するプロセスについて説明します。 うまくいけば、このWebサイトでは2〜3秒の範囲になります。
この方法では、すべての無料プラグインを使用します。 それらはWordPressリポジトリにあり、私が使用しているときにそれぞれが何をしているのかを説明します。 それに飛び込みましょう。 これは、実際には最適化されていない、数か月前に作成したWebサイトのGTMetrixレポートです。
実際にサイトのフロントエンドに移動し、ブラウザも使用するので、ネットワークに移動してハードリフレッシュを実行します。 私はMacを使用しています。 Shiftキーを押しながら更新を押すと、キャッシュがクリアされ、低速になります。 ええ、それは6秒の最初のバイトまでの時間がありました。
それは非常にばかげていることであり、クライアントのWebサイトをそこに置いて、最初のバイトにそれほど長い時間をかけるつもりはありません。 さて、サーバー自体がおそらく要因です。 彼らが非常に低品質のGoDaddyホスティングを使用していることは知っていますが、これは間違いなくスピードアップできるので、次の10分ほどで完了します。
まず、このことにログインし、プラグインに移動します。 最初にアクティブにする必要があるのは、この高速速度の縮小です。 Fast speed minifyは、ロードされている多くのアセットを結合するため、まず、SSLがインストールされていると思います。そのため、SSLを強制するように設定します。
私はそれをチェックするつもりはありません。 それは通常大したことではありません。 Googleフォントのマージを無効にしたくありません。 CSSファイルの順序を保持したくありません。 ヘッダーとフッターの両方にCSSをインライン化したい。 これらの設定を確認している理由は、主にElementorを使用しているためであり、これらの設定によって問題が発生することはないことがわかっています。
高速ミニファイを使用しているときに、何かを壊した場合、おそらくChromeで実行されるため、すべての設定を完了し、Webサイトからログアウトした後、Chromeで起動することを確認してくださいスタイルシートを殺さなかったことを確認してください。
了解しました。何も無効にするつもりはありません。 ここでは見栄えが良いので、それを保存して、Gtメトリックを再実行します。 それを実行しただけで、おそらくこのサイトのロード時間の一部が削減されるはずです。 ただし、その多くはおそらくまだサーバーです。
さて、それはそれを1秒強下げました。 ただし、まだ完了していません。 次にインストールするプラグインは…このサイトには、ショートピクセルイメージオプティマイザーがあります。 アクティベートされていないようですので、一部の画像を最適化する必要があるかもしれません。
ただし、実際には使用しません。 最近採用した別のプラグインをインストールします。このプラグインは、画像の最適化など、処理する必要のあるすべての処理を実行するため、再最適化する必要があります。
さて、設定に移動します。最初に行うことは、キャッシュに移動することです。 ページキャッシュを有効にします。 また、ここでキャッシュプラグインがアクティブになっていないことを確認しますが、これはアクティブではありません。 良い。 そして、ページキャッシュを有効にします。
次に行うことは、プリロードに移動し、このスケジュールされたプリローダーをアクティブ化することです。 これは1日1回行うと思います。 保存すると、今すぐ実行します。これにより、すべてのURLのプリロードが開始されます。ここで読むことができるように、実際には再最適化がトリガーされ、ページにアクセスしてプリロードすることでWebサイトがキャッシュされます。人間の訪問者が初めてそれらを望んでいるとき、サイトがすべてを生成する必要がないようにします。
ちょっと待ってください。 次に画像に移動します。これからは、新しく追加された画像を自動的に圧縮するように設定します。 これは、WPSmushに接続することでこれを行います。 これを使用したくない場合は、これをオフにすることができます。画像の最適化を処理する場合は、一般的に短いピクセルがおそらく最適であると言えます。
ページをプリロードするこのプロセス全体は、実際には少し時間がかかります。 ご存知のとおり、私たちは30ページ中17ページしかありません。それが実行されている間に次に進むのはここです。 データベースを見ていきます。これらのオプションを使用して、データベーステーブルを最適化し、リビジョン後をクリーンアップすることができます。これにより、データベースが実際にクリーンアップされ、より高速に実行できるようになりますが、強調したいのはそれはものを取り除くつもりだということ。
したがって、古い投稿を復元する可能性がある場合は、これらの最適化を実行して、古いページを以前の状態に復元します。これらすべての古いバージョンであるため、データベースに対して何かを行う前に、おそらくWebサイトをバックアップする必要があります。
私たちはこれのバックアップを持っていることを知っています。 プリロードを実行している間もこれを行うつもりはありませんが、それは処理されているように見えるので、ここに行きましょう。 これらすべての最適化を実行します。 ここに、現在削除されている1,200の投稿リビジョンがあります。
時々、これを通過するのにしばらく時間がかかるでしょう。 これはかなり小さなWebサイトなので、それほど時間はかかりませんでしたが、もう一度実行して、何が行われるかを見てみましょう。 さて、これで、開始する前の6秒以上で、ずっと上から2.6秒になりました。
次に追加するのは、遅延読み込みです。 遅延読み込み、これで、WPRockによる遅延読み込みを使用します。 設定が非常に簡単です。 それをクリックしてアクティブにし、設定に移動するだけで、ここでいくつかのチェックボックスをオンにします。
画像、Iフレーム。 サムネイルでYouTube動画を作るつもりはありません。 変更内容を保存。 わかった。 さて、最後のステップ、本当に、私は最適化すると思います…ライブラリ全体を最適化する間、ここに座るつもりはありませんが、このことのために画像を最適化することは、これを本当に下げるための最後のステップになるでしょう。
大きすぎる画像やサイトを使用することになった場合、おそらくこれを約2.5秒に短縮できると思います。 これがお役に立てば幸いです。 WordPressサイトをすばやくロードすることは、それほど難しいことではありません。
WP Bakery、この場合はElementor、Diviなどのビジュアルページビルダーに対する批判も多く、不当なものだと思います。これらのWebサイトをすばやくロードするためにできることがたくさんあるからです。ビジュアルページビルダー。
これが役に立った場合は、コメントを残してください。SEOとWordPressについて知りたい場合は、必ず私たちのチャンネルに登録してください。 ありがとう。