title: How do I prevent Flutter Web from using Canvaskit?
body: <p>My Flutter Web app loads very slowly. When checking the network section of DevTools I see that this is caused by the massive <code>canvaskit.wasm</code> file. I assume this is because Flutter is using the canvaskit web renderer instead of the html web renderer. How can I change this behaviour?</p>
  <p>I have already tried building with</p>
  <pre><code>flutter build web --web-renderer html
  </code></pre>
  <p>but it has no effect.</p>
  <p>As suggested by Flutter <a href="https://flutter.dev/docs/development/tools/web-renderers#runtime-configuration" rel="nofollow noreferrer">here</a>, I have also tried overriding the renderer at runtime by inserting</p>
  <pre><code>&lt;script&gt;
      window.flutterWebRenderer = &quot;html&quot;;
  &lt;/script&gt;
  </code></pre>
  <p>above <code>&lt;script src=&quot;main.dart.js&quot;...</code>. But, this also has no effect. <code>canvaskit.wasm</code> still tries to load and brings everything to a grinding halt.</p>
  <p>What else can I do? Is it even possible to prevent Flutter from requesting CanvasKit files?</p>
  <p>(Note: I delete all the cache and app data from the browser between tests to ensure I'm not just loading the previous build)</p>