WordPressの高速化されたウェブサイトの画像をwebp形式に

何度も、私たちのWordPressを開く速度が非常に遅いですが、Webページ内の画像が多すぎるためであり、サーバーの帯域幅自体がこのような状況を引き起こすには十分ではありませんし、チェック、画像内のWebページが大きすぎる、各画像は、Kの大規模な数百、あるいは1〜2Mであり、大幅に速度を開くには、Webページを減らす、これらの画像を読み込むためにサイトにWebページを開き、この時点で我々はに画像を最適化することを選択します。ウェブサイトをスピードアップするための画像方法のサイズを小さくします。

ここでは、新しい画像フォーマットであるwebpフォーマットを紹介します。

WebPは、Googleが開発した最新の画像フォーマットです。より小さなファイルサイズと高画質を提供するように設計されています。非可逆圧縮と可逆圧縮の両方に対応し、透過やアニメーションも可能です。従来のJPEGやPNG形式と比較して、WebPは画質を維持しながらファイルサイズを大幅に削減できます。

つまり、webpの利点は、画質を損なわないが、画像サイズが小さくなることです。

次に、ウェブサイトのすべての画像をwebp形式に変換する方法を紹介します。

1、まず第一に、我々は、Webpプラグインに画像を見つけるために、バックグラウンドで、Webp形式にすべての画像の添付ファイルのWebサイトのディレクトリになり、インストールします。

プラグインがインストールされました 私たちは、その後、プラグインの指示に従って、対応するコードを追加し、有効にした後、そうでない場合は、有効にするとエラーが報告されます。

2、プラグインに必要なコードを追加します：

最初のコード

map $arg_no_webp $no_webp{
    デフォルト ""；
    "1" "no_webp".
}

map $http_accept $webp_suffix{ デフォルト "; "1" "no_webp".
    デフォルト ""；
    "~*webp" ".webp"；
}

最初のコードを追加したら、Nginxを再起動します。

次に、サイトの設定を開き、別のコードを追加します。

2つ目のコード：

場所 ~* ^/.+\.(png|gif|jpe?g)$ {.
    add_header Vary Accept.
    try_files $uri$webp_suffix$no_webp $uri =404；
}

この時点で、プラグインに必要なコードは、すべて完了するために追加され、その後、我々は、Webサイトの背景のプラグイン管理に戻り、Webpのプラグインに画像を開始します。

プロンプトが完了するのを待ちます（もしもっと多くの写真がある場合、変換に時間がかかりますので、10分または1-2時間お待ちください）。

ここでは、効果をテストするためにサイトを開き、（F12キーを押してページを開き、ネットワークを選択し、あなたが見ることができます）：