Charger brotli compressé WASM
Ces dernières années, le développement de la technologie front-end évolue chaque jour et nous innovons constamment. Parmi eux, "Chargement de WASM compressé brotli" est un sujet qui a beaucoup retenu l'attention. Il peut aider les développeurs Web à charger et à analyser les données compressées plus efficacement, améliorant ainsi les performances des pages Web et l'expérience utilisateur. Dans cet article, l'éditeur PHP Zimo vous présentera les principes et l'utilisation de cette technologie pour vous aider à mieux maîtriser cette technologie front-end. Explorons ensemble ce domaine passionnant !
Contenu de la question
J'ai un fichier WASM compressé brotli main.wasm.br. Je l'ai compressé manuellement via CLI.
Actuellement dans mon fichier HTML, j'ai ce qui suit -
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Go WASM</title>
<script src="wasm_exec.js"></script>
<script>
const go = new Go();
WebAssembly.instantiateStreaming(fetch("main.wasm"), go.importObject).then((result) => {
go.run(result.instance);
});
</script>
</head>
<body></body>
</html>Cela chargera le fichier WASM non compressé. Si je le change en WebAssembly.instantiateStreaming(fetch("main.wasm.br"), go.importObject), j'obtiens l'erreur suivante -
<code> Uncaught (in promise) TypeError: Failed to execute 'compile' on 'WebAssembly': Incorrect response MIME type. Expected 'application/wasm'. </code>
Comment le charger en HTML ?
Solution
Merci à tous ceux qui ont commenté et m'ont guidé vers la solution.
Il s'agit donc simplement de comprendre les bases des requêtes/réponses HTTP -
Content-Type Contrôle le type de données réel du contenu de la réponse.
Content-Encoding Contrôlez la logique d'encodage/compression que nous utilisons pour encoder le contenu de la réponse.
Dans mon cas, j'ai compressé manuellement le fichier wasm à l'aide de gzip et configuré NginX comme suit -
location ~ \.wasm {
default_type 'application/wasm';
add_header 'Content-Encoding' 'gzip';
add_header 'Access-Control-Allow-Origin' '*';
add_header 'Access-Control-Allow-Credentials' 'true';
add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS';
}Vous pouvez configurer votre makefile ou votre script de construction pour compresser wasm à chaque fois que vous construisez votre projet.
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!
Outils d'IA chauds
Undresser.AI Undress
Application basée sur l'IA pour créer des photos de nu réalistes
AI Clothes Remover
Outil d'IA en ligne pour supprimer les vêtements des photos.
Undress AI Tool
Images de déshabillage gratuites
Clothoff.io
Dissolvant de vêtements AI
AI Hentai Generator
Générez AI Hentai gratuitement.
Article chaud
Outils chauds
Bloc-notes++7.3.1
Éditeur de code facile à utiliser et gratuit
SublimeText3 version chinoise
Version chinoise, très simple à utiliser
Envoyer Studio 13.0.1
Puissant environnement de développement intégré PHP
Dreamweaver CS6
Outils de développement Web visuel
SublimeText3 version Mac
Logiciel d'édition de code au niveau de Dieu (SublimeText3)
Quelles sont les vulnérabilités de Debian OpenSSL
Apr 02, 2025 am 07:30 AM
OpenSSL, en tant que bibliothèque open source largement utilisée dans les communications sécurisées, fournit des algorithmes de chiffrement, des clés et des fonctions de gestion des certificats. Cependant, il existe des vulnérabilités de sécurité connues dans sa version historique, dont certaines sont extrêmement nocives. Cet article se concentrera sur les vulnérabilités et les mesures de réponse communes pour OpenSSL dans Debian Systems. DebianopenSSL CONNUTS Vulnérabilités: OpenSSL a connu plusieurs vulnérabilités graves, telles que: la vulnérabilité des saignements cardiaques (CVE-2014-0160): cette vulnérabilité affecte OpenSSL 1.0.1 à 1.0.1F et 1.0.2 à 1.0.2 Versions bêta. Un attaquant peut utiliser cette vulnérabilité à des informations sensibles en lecture non autorisées sur le serveur, y compris les clés de chiffrement, etc.
Comment utilisez-vous l'outil PPROF pour analyser les performances GO?
Mar 21, 2025 pm 06:37 PM
L'article explique comment utiliser l'outil PPROF pour analyser les performances GO, notamment l'activation du profilage, la collecte de données et l'identification des goulots d'étranglement communs comme le processeur et les problèmes de mémoire. COMMANDE: 159
Comment rédigez-vous des tests unitaires en Go?
Mar 21, 2025 pm 06:34 PM
L'article traite des tests d'unité d'écriture dans GO, couvrant les meilleures pratiques, des techniques de moquerie et des outils pour une gestion efficace des tests.
Quelles bibliothèques sont utilisées pour les opérations du numéro de point flottantes en Go?
Apr 02, 2025 pm 02:06 PM
La bibliothèque utilisée pour le fonctionnement du numéro de point flottante dans le langage go présente comment s'assurer que la précision est ...
Quel est le problème avec le fil de file d'attente dans GO's Crawler Colly?
Apr 02, 2025 pm 02:09 PM
Problème de threading de file d'attente dans Go Crawler Colly explore le problème de l'utilisation de la bibliothèque Crawler Crawler dans le langage Go, les développeurs rencontrent souvent des problèmes avec les threads et les files d'attente de demande. � ...
Comment utilisez-vous des tests basés sur la table dans GO?
Mar 21, 2025 pm 06:35 PM
L'article discute de l'utilisation de tests basés sur la table dans GO, une méthode qui utilise un tableau des cas de test pour tester les fonctions avec plusieurs entrées et résultats. Il met en évidence des avantages comme une amélioration de la lisibilité, une duplication réduite, l'évolutivité, la cohérence et un
Comment spécifiez-vous les dépendances dans votre fichier go.mod?
Mar 27, 2025 pm 07:14 PM
L'article discute de la gestion des dépendances des modules GO via Go.mod, couvrant les spécifications, les mises à jour et la résolution des conflits. Il met l'accent sur les meilleures pratiques telles que le versioning sémantique et les mises à jour régulières.
Expliquez le but du package de réflexion de Go. Quand utiliseriez-vous la réflexion? Quelles sont les implications de performance?
Mar 25, 2025 am 11:17 AM
L'article traite du package de réflexion de Go, utilisé pour la manipulation d'exécution du code, bénéfique pour la sérialisation, la programmation générique, etc. Il met en garde contre les coûts de performance comme une exécution plus lente et une utilisation de la mémoire plus élevée, conseillant une utilisation judicieuse et la meilleure
