title: Preloading Web Speech API before calling speak
body: <p>So I've noticed that after you do the first speak using <code>speechSynthesis.speak</code>, it speeds up dramatically in providing results. So my aim below was to speed it up by pre-initializing the synthesis so when we call <code>speakIt()</code> we don't have to wait for it. It hasn't sped up at all; any suggestions on why it's not speeding up and how I fix it? </p>
  
  <p><strong>Full Script:</strong></p>
  
  <pre><code>var speech = new SpeechSynthesisUtterance("test");
  var voices = window.speechSynthesis.getVoices();
  speech.default = false;
  speech.voice = voices.filter(function(voice) { return voice.name == 'Google  UK English Male'; })[0];
  speech.lang = 'en-GB';
  
  function speakIt(word){
          speech.text = word;
          window.speechSynthesis.speak(speech);
  }
  </code></pre>
  
  <p><code>chrome.tts.speak</code> seems to be a bit quicker but certainly isn't there, but that's not the point &mdash; this should still work. Until someone finds the answer I will migrate to Chrome's usage.</p>