2019では、モバイルWebページの平均サイズは1,6 MBです。画像を使用するには多くのリソースが必要なため、通常、画像は平均Webページの約半分を表しています。
画像の最適化を真剣に考えたことがなく、WordPress サイトが遅い場合は、正しく行うことですべてを得ることができます. 画像の読み込みが遅い場合は、通常、画像に問題があることを意味します WordPressのブログ. 画像に集中することで、多くのサイト パフォーマンスの問題を回避できます。
このチュートリアルでは、画像の最適化がパフォーマンスを最適化するための最良の出発点である理由を説明します。 WordPressのブログ. また、WordPress 画像の読み込みが遅い問題を修正する必要がある場合に役立つヒントも紹介します。
パフォーマンスの向上を検討する際に画像から始める必要がある理由
Web は現在、ビデオ、ポッドキャスト、およびこれまで以上に多くの画像を含むマルチメディアが豊富な環境になっています。 画像は、混雑したメディア環境の中でサイトを目立たせるのに役立ちますが、コストがかかります。 画像を正しく提供しないと、サイトが不利になる可能性があります。 画像の読み込みを高速化すると、サイトのパフォーマンスが向上し、モバイル フレンドリーなユーザー エクスペリエンスを提供し、 SEO そしてコンバージョンを増加させます。
彼らはひどく行われているときに画像が悪化している
特大の画像は、実際にWebページを圧迫します。
Webページの1,5 MBファイルサイズをターゲットにしており、それぞれにいくつかの2 MBイメージを追加する場合、単一のイメージでその制限を超えます。
しかし、画像は beaucoup 大きい。 平均的なDSLRによって生成される平均ファイルサイズは4〜12MBです。 よくわからず、12 MBの画像を使用したり、さらに悪いことに12 MBを超える画像を使用したりすると、ページのパフォーマンスが実際に損なわれます。
結合された画像が1MB未満の場合、ページの重みを20MB減らす可能性があります。 明らかに、これは大きな誇張ですが、正しく行わないと、どれだけの超過分が加算されるかを説明するためのものです。
画像のサイズを変更するだけの簡単な操作で、パフォーマンスが大幅に向上し、コストを節約できます。宿泊施設。 ホストは、これらすべての大きなイメージが占有するディスク容量に対して、より多くの料金を請求します。
私たちは最初のモバイルの世界に住んでいます
画像をモバイル向けに最適化することで、あらゆるタイプのデバイスのユーザーに優れたユーザーエクスペリエンスを提供し、ユーザーがサイトに戻ってくるようにします。
モバイルデバイスの人気は爆発的に拡大し、現在ではモバイルが最も使用されている世界に住んでいます。 2018の7月に、Googleはページの速度がモバイル検索のランキング要因であると発表しました。
つまり、サイトを作成するときは、データ接続が遅いモバイルデバイスに適した画像を提供する必要があります。
デスクトップ向けのRetina画像を小さなウィンドウでストリーミングすると、データが無駄になります。 無制限のデータプランを持っていない訪問者にとって、それは非常に苛立たしく、費用がかかる可能性があります。
検索に最適化された画像が戻ってきました
Google はモバイル最適化がランキングに及ぼす影響を変えただけでなく、画像検索結果の表示方法も変え、ランキングに大きな変化をもたらしました。 SEO 画像。
これで、画像が画像検索に表示されたときに、サイトへのトラフィックを増やすことができます。
2013年、Googleは画像検索結果に画像表示ボタンを追加しました。 誰かがそのボタンをクリックすると、画像が表示されていたWebページではなく、画像に直接移動しました。 画像検索のおかげで、サイトはトラフィックが63％減少したと報告しました。
2018年、Googleは画像表示ボタンの削除を余儀なくされたため、トラフィックが再び流入し始めました。 SEOはSEO画像の最適化を無視しているため、画像が適切にランク付けされる可能性はたくさんあります。
画像の最適化は下の行に影響します
画像が適切に配信されない場合、WordPressサイトの速度が低下し、コンバージョン率が低下する可能性があります。
あなたがあなたのサイトで製品を販売するならば、あなたは使うことができます Googleのモバイルページスピードテスト あなたの潜在的な収入の量をあなたに示すために。 結果ページで、下にスクロールして、[より高速なサイトの影響を評価する]セクションを開きます。
画像の最適化は、より多くのコンバージョンを促進するだけでなく、検索トラフィックを通じて出会う潜在的な顧客の数も決定します。
Googleの目標は、検索から回答まで、可能な限り最高のユーザーエクスペリエンスを提供することです。 優れたユーザーエクスペリエンスをユーザーに提供することでユーザーのパフォーマンスを向上させると、Googleは検索結果でサイトをより簡単にランク付けします。
画像を改善してWordPressサイトを高速化する方法
画像が最初に最適な場所である理由を説明したので、画像の読み込みを高速化するためにサイトで実行できるいくつかの簡単なタスクについて説明します。
不要な画像を削除する
ページの重みを減らし、HTTPリクエストの数を減らす最も簡単な方法の3つは、Webページ上の画像の数を制限することです。 Webページの読み込みにXNUMX秒以上かかる場合は、コンバージョンに寄与していないアイテムや画像を削除することを検討してください。
常にあなたの画像がそれらのコンテナに適したサイズであることを確認してください。
サイトの読み込み時に画像が表示されない場合は、画像が大きすぎてダウンロードに時間がかかりすぎている可能性があります。 この問題を解決するには、画像のサイズを決定してから、サイトの画像を適切なサイズの画像に置き換える必要があります。
上の私たちの記事を参照してください 画像のサイズ変更 それを行ういくつかの方法を発見する。
可能な場合は正しい形式を使用し、次世代形式を使用してください
一部のファイル形式は他の形式よりも大きく、アニメーションGIFはこれまでで最も非効率的なファイル形式のXNUMXつです。 ニーズを満たし、可能な限り最小のファイルサイズを作成できるように、正しい形式を使用する必要があります。
遅延読み込みを有効にしてWordPress Fastを最適化する
遅延読み込みは、メールの下にある画像やその他のアイテムの読み込みを延期するためのすばやく簡単な方法です。 画像がブラウザウィンドウにない場合、ブラウザは画像がダウンロードされるのを待って、訪問者が見ることができるものをはるかに速く表示できるようにします。
プログレッシブロードの実装は比較的簡単です そして、仕事を成し遂げるための軽量プラグインがたくさんあります。 プラグインファイルのサイズは通常約1〜3 KBで、数分で構成できます。
CDNを使用して画像の読み込みを高速化
CDNは世界中に拠点があるため、画像の読み込みに必要なデータ転送ははるかに高速です。 CDNを使用して画像を配信することは、WordPressに画像をより速くロードする簡単な方法です。
ホストにはアカウントに CDN が含まれている場合がありますが、宿泊施設 サイトのパフォーマンスを向上させるために、Smush Pro の CDN は特に画像の最適化を念頭に置いて設計されました。
WordPressを最適化する簡単な方法が必要ですか？
WordPressサイトを高速化するためには、まだやることがたくさんあります。 どこから始めればよいかわからない場合は、写真が良い出発点です。 適切に最適化された画像には多くの利点があり、次のようなオールインワンソリューションがあります。 画像を圧縮するためのこれらの5プラグインサイトの画像を数分で劇的に改善するのは簡単です。
