持続可能なウェブサイトを作成するための 7 つのベストプラクティス

公開: 2023-02-16

インターネット。クラウド。それらを仮想概念と考えるのは簡単です。結局のところ、彼らとのつながりはほとんど目に見えません。

しかし、私たちが一日中やり取りするデータは、世界中の広大なデータセンターで収集、処理、保存、交換されています。それらを駆動するスーパーコンピューターは常に稼働しており、しばしば過熱します。次に、それらは電気を動力源とする巨大な冷却システムによって冷却されます。グリーンエネルギーで動くものはほとんどありません。

全体として、ウェブは温室効果ガス排出量全体の 2% を占めています。これは、世界で 6 番目に汚染度の高い国であるドイツの国全体に相当します。

明るい青色の背景の前に立つ女性が、斑点のあるじょうろを使って小さな観葉植物に水をやる

誰かが 1 つの Web ページを起動するたびに、毎秒 20 ミリグラムの CO2 が排出されます。より複雑なサイトの場合、これは 300 ミリグラムにもなります。

現在、世界中に約 35 億人の Web ユーザーがいます。しかし、世界人口が着実に増加し、ますます多くの人々がインターネットにアクセスできるようになっているため、コンピューターとデータセンターの数は劇的に増加する予定です。

これが私たちの惑星にとって何を意味するのかを説明する必要はありません。

それで、私たちはそれについて何ができるでしょうか？

エネルギー効率の高い Web サイトの作成

今日の Web ページの平均サイズは 2038.4kb です。より多くのデータが転送されるにつれて、二酸化炭素排出量が自然に増加しました

ウェブ上のサイトのデザイナー、開発者、および作成者として、私たちはこの影響を軽減する機会があります。小さくても重要な変更を加えることができる重要な領域がいくつかありますが、実際に必要なのは、ワークフローを少し調整することだけです。

持続可能でエネルギー効率の高い Web サイトを作成するには、次のベストプラクティスに従ってください。

画像を最適化してファイルサイズを縮小します。
動画で戦略的に。
画像とメディアに遅延読み込みを使用します。
Web キャッシングを設定します。
不要なものを削除します。
サイトのナビゲーションを改善して、情報を見つけやすくします。
グリーン Web ホストを使用します。

1.画像を最適化してファイルサイズを縮小する

高解像度の画像は Web サイトで見栄えがしますが、読み込み時間とエネルギー消費の最大の負担の 1 つでもあります。

ファンキーな真鍮色の椅子が置かれた居心地の良いワークスペースで、2 人の男性がプロジェクトの詳細について話し合っています。

幸いなことに、画像を減らすことは、負荷を軽減する最も簡単な方法の 1 つです。含める画像にこだわりましょう。彼らには目的がありますか、それとも単に見栄えがするだけですか? 本当に必要な画像のみを使用し、解像度と画質をできる限り下げてください。次に、サイトにアップロードする前に、TinyPNG や WP Smush Pro などのツールを使用します。

2. 動画で戦略的になる

Web サイトのパフォーマンスと効率に関して言えば、画像よりも悪いことが 1 つだけあります。そして、それはビデオです。

しかし、ビデオはエンゲージメントに非常に効果的であり、減少する注意力を捉えるために、近年ブームになっています。

その悪影響を最小限に抑えるためにできることがいくつかあります。繰り返しになりますが、サイトの動画は絶対に必要なものだけに制限し、できる限り低い解像度を使用してください。それらをサイトに直接埋め込み、自動再生に設定しないでください。ビデオの背景が必要かどうかをよく考えてください。

3. 画像とメディアに遅延読み込みを使用する

遅延読み込みとは、必要な場合にのみ画像やその他のメディアを読み込むことを意味します。ユーザーがページにアクセスすると、スクロールせずに見える範囲のすべてが即座に読み込まれますが、残りは下にスクロールしたときにのみ表示されます。そのため、ユーザーが一番下までスクロールしなくても、すべての画像を読み込む必要はありません。

コンピューターを保持しているオレンジ色の背景の前に男性が立っています。彼は物思いにふける

これにより、エネルギー消費が節約され、ウェブサイトの読み込みが速くなり、SEO にとって追加のボーナスとなります。

4. Web キャッシングを設定する

キャッシュには、JavaScript、CSS、画像などの共有ページ要素をダウンロードして、ユーザーの近くに保存することが含まれます。ユーザーがページに再度アクセスすると、Web サーバーに再度クエリを実行するのではなく、キャッシュの場所からこのデータを取得できます。

これにより、Web サイトのパフォーマンスが向上し、データの転送が最小限に抑えられます。

5.不要なものを削除する

定期的にウェブサイトの大掃除を行い、使用していないものはすべて削除してください。これには、不要なテーマやプラグイン、古い投稿のリビジョン、未使用のメディア、カテゴリやタグ、スパムコメント、壊れたリンクなどが含まれます。

6.サイトのナビゲーションを改善して、情報を見つけやすくする

ナビゲーション構造が不明確な大規模で扱いにくいサイトは、ユーザーを混乱させ、苛立たせます。しかし、それだけが欠点ではありません。また、ユーザーが必要な情報を見つけようとしてサイト内をクリックするのに費やす時間も増加します。

オーディエンスのペルソナとそのニーズについて時間をかけて考え、明確で論理的なナビゲーション構造を設定して、訪問者が目的の部分にすぐにアクセスできるようにします。

7. グリーンなウェブホストを選ぶ

サーバー、データセンター、冷却システムはすべて電力を消費するため、再生可能エネルギーを採用している会社を見つけることは、Web サイトの環境への影響を最小限に抑えるのに大いに役立ちます。

環境に優しい Web ホスティングはまだ足を踏み入れており、堅実なパフォーマンス、優れた顧客サポート、および再生可能エネルギーを使用するホストを見つけることは困難な場合があります. 多くのホスティング会社は独自のデータセンターを運営していません。

ただし、探すことができるのは、Google Cloud Platform (GCP) と提携しているホスティングプロバイダーです。 Google は、消費されるエネルギーの 100% を再生可能エネルギーで賄っており、カーボンニュートラルへの取り組みを維持しています。管理された WordPress ホストを GCP と組み合わせて使用することで、グリーンで持続可能なウェブサイトの作成に非常に近づくことができます。

黒いシャツを着たあごひげを生やした男が、濃い青色の背景の前に観葉植物を持っています

Web の環境への影響を減らすには、業界全体で焦点を根本的に変える必要があります。しかし、これらの簡単な変更を実装することで、私たちは皆、ウェブサイトをより環境に優しいものにするために少しでも貢献することができます. 追加のボーナスとして、これらの変更により、サイトのユーザーエクスペリエンスと SEO も改善され、win-win-win になります。

持続可能なウェブサイトを作成するための 7 つのベスト プラクティス