title: Google PageSpeed - Eliminate Render-Blocking Resources Above the Fold caused from Google Fonts
body: <p>i'm trying to optimize this website: electronicsportsitalia-it and when i try to analyze it on Google PageSpeed the platforms says that there is a google font blocking the page rendering: </p>
  
  <blockquote>
    <p><a href="https://fonts.googleapis.com/css?family=Lato:300,400,700" rel="noreferrer">https://fonts.googleapis.com/css?family=Lato:300,400,700</a></p>
  </blockquote>
  
  <p>The font firstly was loaded through php but then i inserted it directly in html code trying to load it with this code: <code>&lt;link rel=stylesheet id=avia-google-webfont href='//fonts.googleapis.com/css?family=Lato:300,400,700' type='text/css' media=all lazyload&gt;</code> -put also before the <code>&lt;/body&gt;</code> tag- but it didn't worked.</p>
  
  <p>So i tryed to load it with <a href="https://github.com/typekit/webfontloader" rel="noreferrer">Web Font Loader</a> and actually the website is runnging this script:
  `</p>
  
  <pre><code>&lt;/script&gt;
  &lt;script&gt;
    WebFont.load({
      google: {
        families: ['Lato']
      }
    });
  &lt;/script&gt;`
  </code></pre>
  
  <p>but always the same problem on PageSpeed. </p>
  
  <p>Can someone help me?</p>