title: Improve my site performance
body: <p>I have a static only site which is hosted on Google App Engine. Infront of this sits Cloudflare CDN.</p>
  
  <p>I have ran Googles Page insights to give me an idea how my website is performing, it is not performing well according to Google. I want Google to see it is performing well for SEO purposes.</p>
  
  <p>This is the report I get from Google:</p>
  
  <p><a href="https://i.stack.imgur.com/90KfH.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/90KfH.png" alt="enter image description here"></a></p>
  
  <p>2 types of recommendations come:</p>
  
  <p>1) Eliminate render-blocking JavaScript and CSS in above-the-fold content
  Show how to fix</p>
  
  <p>2) Leverage browser caching</p>
  
  <p>For problem 1 I have tried many things I have read on Google. I have tried adding 'aync defer' to the link attribute. I have tried to make the media = print so that the browser would first render the html then apply the css later. I have tried moving the links to the stylesheets into different locations around the html document. Essentially I have tried to follow this: <a href="https://developers.google.com/speed/docs/insights/OptimizeCSSDelivery" rel="nofollow noreferrer">https://developers.google.com/speed/docs/insights/OptimizeCSSDelivery</a>.</p>
  
  <p>As of right now my html page (my website is just on static html page) structure looks like this:</p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
  &lt;!-- all links/references to css files and javascript files --&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;/body&gt;
  &lt;/html&gt; 
  </code></pre>
  
  <p>My second issue is browser caching which I do not understand why I am getting this error. Google App engine caches the files and then on top of that Cloudflare CDN sets the cache headers (and also gzip) on the documents so that the browser caches it (below is the Cloudflare caching components turned on). </p>
  
  <p><a href="https://i.stack.imgur.com/ETemG.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ETemG.png" alt="enter image description here"></a></p>
  
  <p>I can see the browser is caching the static files and using those cached files in chrome tools when I run the page:
  <a href="https://i.stack.imgur.com/zzyL0.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/zzyL0.png" alt="enter image description here"></a></p>
  
  <p>This is really the first time I have created a production static website so I may be misunderstanding many things, but I am looking how eliminate those 2 issues.</p>
  
  <p>Cheers</p>