Astroによる完全静的サイト生成 (SSG)
すべてのページは事前に独立した軽量HTMLファイルとして事前コンパイルされています。24時間稼働するDBサーバーは不要で、最寄りのエッジCDNから50ミリ秒未満で配信されます。
技術詳細
Astroの `output: 'static'` モードにより、バックエンドランタイム(Node.jsやPHP)なしで純粋なHTMLを配信。サーバーの不要なCPU計算を排除し、消費電力を劇的に削減します。
Meerabelは写真整理を通じてクラウドの環境負荷軽減を支援しています。自らのWebサイトも全く同じ思想で設計されており、瞬時の表示と極小の消費電力を実現しています。
Webページへの1回のアクセスは、サーバーの稼働、通信ネットワークの中継、端末バッテリーの消費という一連のインフラを動かします。数メガバイトの重いサイトは、世界規模で莫大な無駄な電力を消費します。
これはスマートフォンの写真整理と全く同じです。クラウドに眠る不要な数千枚の写真は電力を浪費し続けます。真に必要な価値あるデータだけを残すことが、デジタル節度の第一歩です。
最も排出量がゼロのサイトとは「存在しないサイト」です。Meerabelは魅力的なアプリ紹介と極限の軽量化の両立を追求しています。第三者監査ツールでリアルタイムにご確認ください:
基本アーキテクチャから画像圧縮技術まで、驚異的な省エネ性能を実現する具体的な技術選定をご紹介します。
すべてのページは事前に独立した軽量HTMLファイルとして事前コンパイルされています。24時間稼働するDBサーバーは不要で、最寄りのエッジCDNから50ミリ秒未満で配信されます。
Astroの `output: 'static'` モードにより、バックエンドランタイム(Node.jsやPHP)なしで純粋なHTMLを配信。サーバーの不要なCPU計算を排除し、消費電力を劇的に削減します。
多くの現代的なサイトは文字を表示する前に重いJSをダウンロードさせます。MeerabelはネイティブHTMLとCSSを中心に構築され、ブラウザのスクリプト実行負荷をほぼゼロに抑えています。
Astro Islandsアーキテクチャにより、真に必要な箇所にのみ最小限のJSを読み込みます。不要な状態管理ライブラリを排除することで端末のプロセッサを休ませ、バッテリーを長持ちさせます。
ロイヤリティフリーの次世代AV1コーデックを採用し、WebMおよびMP4のフォールバックを用意。従来の動画エンコードと比較して60%以上のデータ転送量を削減しながら美しい画質を維持します。
libaom-av1を用いたマルチパスエンコードにより、デスクトップ用(5MB未満)とモバイル用(1.5MB未満)を最適化。端末がサポートする最も軽量な動画を自動選択します。
ビットマップ画像はすべて高圧縮率のAVIFおよびWebP形式で配信。ベクター画像も徹底的にクリーンアップし、Meerabelのロゴは立体感を保ったまま57KBから8.8KB(-84%)まで軽量化されました。
SVGOによる最適化で不要なメタデータを削除し、重なり合うパスを統合。グラデーションの定義を効率化してコード量を削減しています。
Google Fontsなどの外部サーバーへの問い合わせを一切行いません。フォントファイルは最もコンパクトなWOFF2形式で自社サーバーから直接配信され、無駄なネットワーク遅延を排除します。
`@font-face` と `font-display: swap` による厳格なセルフホスティング。外部DNS参照やTLSハンドシェイクをなくし、初速表示の向上とユーザーのプライバシー保護を徹底しています。
理念を曲げずに利用動向を把握するため、Google Analytics 4をAxeptioおよびConsent Mode v2と連携。同意を得るまでCookieはブロックされ、ページ描画完了後に遅延読み込みされます。
外部スクリプトは `requestIdleCallback` で遅延実行され、初期描画のCPUリソースを奪いません。Consent Mode v2により初期状態ではデータ保存が拒否され、追跡スパイウェアは一切排除されています。
スマートフォンの中にも無駄なデジタルゴミが潜んでいます。Meerabelなら、オンデバイスAIでプライバシーを守りながら思い出を整理し、環境負荷を軽減できます。
無料のMeerabelアプリを見る