Googleはインターネットのフードチェーンのトップにいます。 社会は、オンラインで起こることの多くに影響を与えます(または指示します)。 そして、彼らの新しい画像フォーマットであるWebPは、この傾向を続けています。 ページの読み込み速度がますます重要になっているため(主にGoogleページランクのため)、開発者と設計者は、読み込み時間を短縮する最も簡単な方法として画像の圧縮を検討しています。 Google WebP画像は、通常のJPGまたはPNG画像よりも約30%小さく、同等の品質を維持します。 何よりも、画像を手動でWebPに変換することを心配する必要はありません。

この記事では、この新しい画像形式をWordPressで使用する方法を示しますが、デフォルトではまだサポートされていません。

Optimoleを使用して、WordPressでWebPファイルを提供する

WebPは、画像形式として、WordPressではデフォルトでサポートされていません。 .webpイメージをアップロードできますが、SVGファイルと同様に、エラーメッセージが表示される場合があります。 そしてまた、の使用に関しては WordPressでのSVGファイル 、プラグインによる簡単な回避策があります。

Wordpress画像の回避策

テストされたWebPサービスの中で、 オプチモール 群衆から際立っています。 それは確かに最小限の構成で動作することができます。 したがって、それを構成し、WordPressインストールをWebP形式とできるだけ簡単に互換性を持たせる方法を説明したいと思います。

まず、明らかにしたいでしょう プラグイン自体をダウンロードしてインストールする 。 WP.orgディレクトリにあり、完全に無料です。 それをパワーオンするAPIベースのサービス以来(ある程度まで)。 PHPを使用して従来の画像をオンザフライでWebPに変換することは可能ですが、すべてのWebホストがこのアクセス許可をサーバーに付与するわけではありません。 この権限がある場合は、プラグインを表示することもできます WebP Expressあなたはそれで多くの制御を得ます 、ただし、スムーズに実行するには、より多くの構成が必要なシステムです。

Optimole がインストールされ、アクティブ化されると、 サイトのWeb WordPress では、新しいメニュー オプションが表示されます。 メディア-Optimole .

Optimole APIキー

最適な録音

設定または構成にアクセスする前に、Optimoleアカウントが必要です。 すでに設定している場合は、ボタンをクリックできます 私はすでにAPIキーを持っています 。 そうでない場合は、 APIキーを保存してメールで送信します 。 基本的なAPIキーアカウントは無料で、このレベルで約5ヒットを獲得します。 それ以上が必要な場合は、利用可能な価格帯があります。

価格

Optimoleは、訪問を「 あなたが一度あなたを訪問する人は誰でも[。 。 。]各ユーザーはXNUMX回だけカウントされます。 彼らがあなたのサイトで何をするか、彼らがダウンロードする画像の数、または彼らが訪問するページの数は関係ありません。 それはただのユーザーです。 彼らがあなたのサイトを離れて同じ日に戻ってきたとしても、彼らはまだただのユーザーです。  

測定された訪問数がなくなると、WebPイメージのみが提供を停止します。 あなたの画像自体はそうではありません。 APIキーは、Optimoleダッシュボードの最上部にあります。

optimole WordPress API キー

WordPressダッシュボードに貼り付けるだけで、WordPressでWebP画像の拡散を開始できます。

サイトにキーを貼り付けます

Optimole WordPressダッシュボード

WordPressダッシュボードでは、WebP最適化に関する基本情報を取得します。 これにより、この加速の成功をトラブルシューティングして評価することができます。 このようにして、さまざまな設定を変更できます。

Optimoleダッシュボード

最初に、APIに関連付けられたアカウントが表示され、次に画面の下部にプラグインに最新の最適化された画像が表示されます。 提供されるWebPイメージが、WordPressにアップロードした元のイメージよりもどれだけ小さいかを確認できます。

次に、タブがあります 難しさ 可能 上に。 ハイライトされたタブを見るのが好きな人は誰もいませんが、どのような競合が発生する可能性があるかを確認する必要もあります。

Optimoleダッシュボードエラー

私たちが直面した主な問題は、他の画像圧縮および配信プラグインに関するものです。 上の画像でわかるように、JetpackプラグインはOptimoleと同様に機能します Photon APIT経由 、頭をぶつける可能性があります。 私たちにとって、これは、画像が送信されなかったという事実として現れました。 訪問者。 TinyPNG や Smush などの他の圧縮サービスでは問題は発生していません。

ダッシュボードを使用する

サイトがWebPでどのように機能するかについての詳細情報が必要な場合は、Optimole外部ダッシュボードにこの情報が含まれています。

オプティモールダッシュボードの使用1

9,5倍小さいのではなく、提供されているファイルの実際のサイズを確認できます。 30日間のファイル自体と同様に。

Optimoleダッシュボードレポート1

また、Optimole (または WP) ダッシュボードで透かしを設定して、WordPress サイトから WebP を受信した人がロゴの紋章を自動的に受信するようにすることもできます。 これは単純なプロセスであり、不透明度、場所などを制御できます。

Optimoleプラグインのチューニング

基本的に、両方のダッシュボードから同じことを行うことができます。 タブの下のいずれか パラメータ WordPress の、または Optimole の外部のダッシュボードにアクセスします。 それはすべて、あなたが最も快適なものと、そのレベルに依存します données いつでも必要なもの。

さらに、圧縮レベル、遅延読み込み、および特定の画像がファイル名に基づいてWebPとしてストリーミングされるタイミング/かどうかを制御できます。 これはすべてタブにあります パラメータ de メディア-Optimole .

Lazyloadワードプレスプラグイン

パック

WordPress WebサイトでWebPを使用することの最大の利点は、ファイルを手動で操作する必要がないことです。 追加のダウンロード、追加の圧縮時間、何もありません。 APIの仕組みにより、すべてのプロセスと計算はその場でリアルタイムに実行されます。 Googleは、JPGやPNGではなくWebPを使用することで、インターネットを実際に高速化しました。 ただし、主な利点は、サイズを大幅に縮小しても、画像の品質が同じに保たれることです。 Googleがあなたに彼らのフォーマットを使用してあなたのサイトをスピードアップすることを強制しているのはあなたの興味を引くかもしれません。 そして、それが最終的に重要なことです。