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

公開: 2019-04-20

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

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

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

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

現在、世界中に約35億人のWebユーザーがいます。しかし、世界の人口が着実に増加し、インターネットにアクセスする人が増えるにつれ、コンピューターとデータセンターの数は劇的に増加するように設定されています。

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

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

エネルギー効率の高いウェブサイトの作成

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

「デザイナーや開発者として、私たちは皆、よりエネルギー効率の高いWebサイトを設計することにより、Webのエネルギー消費と環境への影響を減らす力を持っています。」

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

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

画像を最適化してファイルサイズを縮小します。
動画を戦略的に活用しましょう。
画像とメディアには遅延読み込みを使用します。
Webキャッシングを設定します。
不要なものは削除してください。
サイトのナビゲーションを改善して、情報を簡単に見つけられるようにします。
グリーンウェブホストを使用します。

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

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

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

2.動画で戦略的になる

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

しかし、ビデオの使用は、エンゲージメントと私たちの減少する注目のスパンを捉えるのに非常に効果的であるため、近年急成長しています。

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

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

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

これはエネルギー消費を節約し、ウェブサイトがより速くロードするのを助けます。そしてそれはあなたのSEOのための追加のボーナスです。

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

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

これにより、Webサイトのパフォーマンスが向上し、データの転送が最小限に抑えられます。キャッシュとその設定方法の詳細については、このガイドを確認してください。

5.不要なものを削除します

あなたのウェブサイトの春の大掃除を定期的に実行し、あなたが使用していないものはすべて削除してください。これには、不要なテーマとプラグイン、古い投稿のリビジョン、未使用のメディア、カテゴリとタグ、スパムコメント、壊れたリンクなどが含まれます。サイトが合理化されるほど、消費されるエネルギーは少なくなります。

6.サイトのナビゲーションを改善して、情報を簡単に見つけられるようにします

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

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

7.グリーンウェブホストを選択します

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

グリーンウェブホスティングはまだ足を踏み入れており、堅実なパフォーマンス、優れたカスタマーサポートを組み合わせ、再生可能エネルギーを使用するホストを見つけることは困難な場合があります。多くのホスティング会社は独自のデータセンターを運営していません。つまり、それらのサーバーの実行方法をあまり制御できません。

ただし、探すことができるのは、Google Cloud Platform（GCP）と提携しているホスティングプロバイダーです。 Googleは、消費されるエネルギーの100％を再生可能エネルギーと一致させ、カーボンニュートラルへの取り組みを維持しています。 GCPと組み合わせたマネージドWordPressホストを使用することで、環境に配慮した持続可能なウェブサイトの作成にはるかに近づくことができます。

この要件を持つホストをお探しですか？ GCPを利用したFlywheelのマネージドWordPressホスティングプラットフォームの詳細については、ここをクリックしてください。

Webの環境への影響を減らすには、業界全体で焦点を根本的に変える必要があります。ただし、これらの簡単な変更を実装することで、Webサイトをより環境に優しいものにするために私たち全員が少しでも取り組むことができます。追加のボーナスとして、これらの変更により、サイトのユーザーエクスペリエンスとSEOも向上し、サイトがWin-Win-Winになります。

持続可能なウェブサイトを設計し、ウェブの環境への影響を減らすための素晴らしいヒントはありますか？以下の会話に参加してください。

この記事はもともと2018年4月9日に公開されました。 最終更新日は2019年4月17日です。