ウェブサイトの排出量を削減するためのトップヒント

Reducing website emissions – Top Tips

あなたのウェブサイトをエコで低炭素なものにするための簡単なガイドをまとめました。

トップヒント

ここでは、あなたのウェブサイトをできるだけエコで低炭素なものにするための簡単なガイドを紹介します。3~4個のヒントに焦点を当て、進捗状況を確認するため、弊社に完全なウェブサイト監査をご依頼ください。 これ.

  • ページサイズ/重量はできるだけ小さくする。サイトのあらゆる面で内容を評価し、その有用性が疑わしいものは省く。
  • 画像はページの重量のかなりの部分を占めています。https://tinypng.com/ や https://shortpixel.com/ を使って、写真を1枚ずつ圧縮することができます。画像をアップロードするだけで、圧縮された(ファイルサイズが小さくなった)同じ画像が得られます。圧縮された画像は、その後、ウェブサイトに追加することができます。
  • 古い不要な画像は処分しましょう。CSSによるリサイズに頼らず、正しい縮尺で画像をアップロードする。
  • JPEG、PNG、GIFの代わりに、SVGグラフィックスとCSSを使用します。WebPは、JPGに続いて、最も効率的な画像フォーマットとみなされることが多い。しかし、それぞれの画像の特質によって、例外もあります。必要なサイズと圧縮率で画像を保存し、いくつかのファイル形式を試して、最も効率の良いものを見つけてください。
  • 画像のレイジーローディングもデータ転送量を減らすのに有効な手段です。
  • 動画を自動再生に設定しないでください。YouTubeやVimeoのようなホストで開くためのリンクを用意してください。ページ自体に動画がある場合は、圧縮して自動再生にならないようにしてください。
  • キャッシュソリューションを使用すると、ユーザーがページを読み込むのに必要な処理量を削減できます。キャッシングとは、あるリクエストのリソースを保存し、そのリソースを次のリクエストで再利用するプロセスです。これにより、ユーザーへのページ表示に必要なサーバーの帯域幅を削減することができます。
  • クリーンで効率的なコードを書く - ブラウザへのデータ送信はエネルギーを使う。送信するコードが少なければ少ないほど、エネルギー/電気の使用量も減る。不要なプラグインがないか確認し、削除する。
  • カスタムフォントの使用を最小限にする。フォントは、ウェブページの重量の大きな要因です。システムフォントは、ページの重さに全く影響を与えずに使用することができます。可能であれば、WOFFやWOFF2のような最新のウェブフォントを使用し、より高圧縮な方法を用いてください。
  • Webサイトの訪問者にほとんど価値を提供しないトラッキングや不要な広告スクリプトを削減することができます。
  • AMPのようなモバイルソリューションを使って、可能な限りウェブページの現行バージョンを切り詰めます。GoogleのAMPプロジェクトは、ウェブサイトコンテンツの高速配信を可能にするオープンソースのイニシアチブです。AMPは、ウェブページをほぼ瞬時に読み込み、現在の標準よりも最大90%高速化することができます。
  • ウェブサイトの検索エンジン最適化(SEO)を向上させる。これは、人々が不必要にエネルギーを浪費してウェブサイトの多くのページを通過することなく、彼らが探している情報を簡単にかつ迅速に見つけることができます。
  • サイト上のPDF、DOCX、MP3などの大容量メディアを、環境に配慮したサードパーティプロバイダーにオフロードすることを検討してみてください。また、コンテンツデリバリーネットワーク(CDN)を使って、大容量メディアの配信をオフロードしたり、キャッシュしたりすることも可能です。

また、上記のコツは、検索エンジンでのサイトの順位だけでなく、サイトのパフォーマンスを向上させることにも役立ちます。必要のないウェブサイトを作らないようにすることは言うまでもありません。既存のウェブサイトや新規のウェブサイトであれば、ページサイズを小さくし、データ転送量を減らすことで、環境に配慮したウェブサイト-1ページビューあたり1g以下のCO2(CO2e)測定-を手に入れるために、次のようなことが役立つかもしれません。

Renewable energy

ウェブサイトを監査する

エコ・フレンドリー・ウェブ・アライアンス(EFWA)では、ウェブサイトの1ページだけでなく、全ページをとらえたウェブサイト監査を無料で行っています。

無料ウェブサイト診断 これ