I'm trying to fix these 3 blocking CSS resources
- https://fonts.googleapis.com/css?family=Audiowide
- https://fonts.googleapis.com/css?family=Raleway:300,400,700
- https://www.legendslimotn.com/code/css/style.css?ver=3.1
I tried this:
<link rel="preload" href="path/to/mystylesheet.css" as="style" onload="this.rel='stylesheet'">
<noscript><link rel="stylesheet" href="path/to/mystylesheet.css">noscript>
<script>
/*! loadCSS. [c]2017 Filament Group, Inc. MIT License */
(function(){ ... }());
/*! loadCSS rel=preload polyfill. [c]2017 Filament Group, Inc. MIT License */
(function(){ ... }());
</script>
Adding this to the code improved the load speed results but it caused other page problems on the browers other than the Chrome browser.
