Brotli 圧縮された WASM をロードする

近年、フロントエンド技術の開発は日々変化しており、私たちは常に革新を続けています。その中でも注目を集めているのが「brotli圧縮WASMの読み込み」です。 Web 開発者が圧縮データをより効率的にロードして解析できるようになり、Web ページのパフォーマンスとユーザー エクスペリエンスが向上します。この記事では、PHP エディターの Zimo が、このフロントエンド テクノロジをよりよく習得できるように、このテクノロジの原理と使用法を紹介します。このエキサイティングなフィールドを一緒に探索しましょう！

質問内容

brotli 圧縮 WASM ファイル main.wasm.br があります。 CLI を使用して手動で圧縮しました。

現在、HTML ファイルには次のような内容があります -

リーリー

これにより、非圧縮の WASM ファイルがロードされます。これを WebAssembly.instantiateStreaming(fetch("main.wasm.br"), go.importObject) に変更すると、次のエラーが発生します -

リーリー

それを HTML に読み込むにはどうすればよいですか?

解決策

コメントして解決策を教えてくれた皆さんに感謝します。

つまり、HTTP リクエスト/レスポンスの基本を理解することが重要です -

Content-Type 応答コンテンツの実際のデータ型を制御します。

Content-Encoding 応答コンテンツのエンコードに使用するエンコード/圧縮ロジックを制御します。

私の場合、gzip を使用して wasm ファイルを手動で圧縮し、NginX を次のように構成しました -

リーリー

プロジェクトをビルドするたびに wasm を圧縮するように makefile またはビルド スクリプトを構成できます。

以上がBrotli 圧縮された WASM をロードするの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。