Preload on css resources

Change-Id: I33540c285362091d006700a797eae537e429be24
This commit is contained in:
Tao Zhou
2020-02-14 11:12:26 +01:00
parent c97b49355b
commit a28f374a1b

View File

@@ -94,7 +94,7 @@
// RobotoMono fonts are used in styles/fonts.css
{if $useGoogleFonts}
<link rel="preload" href="https://fonts.googleapis.com/css?family=Roboto+Mono:400,500,700|Roboto:400,500,700&display=swap" as="style">
<link rel="preload" as="style" href="https://fonts.googleapis.com/css?family=Roboto+Mono:400,500,700|Roboto:400,500,700&display=swap">
{else}
// @see https://github.com/w3c/preload/issues/32 regarding crossorigin
<link rel="preload" href="{$staticResourcePath}/fonts/RobotoMono-Regular.woff2" as="font" type="font/woff2" crossorigin="anonymous">{\n}
@@ -103,9 +103,9 @@
<link rel="preload" href="{$staticResourcePath}/fonts/Roboto-Regular.woff" as="font" type="font/woff" crossorigin="anonymous">{\n}
<link rel="preload" href="{$staticResourcePath}/fonts/Roboto-Medium.woff2" as="font" type="font/woff2" crossorigin="anonymous">{\n}
<link rel="preload" href="{$staticResourcePath}/fonts/Roboto-Medium.woff" as="font" type="font/woff" crossorigin="anonymous">{\n}
<link rel="preload" as="style" href="{$staticResourcePath}/styles/fonts.css">{\n}
{/if}
<link rel="stylesheet" href="{$staticResourcePath}/styles/fonts.css">{\n}
<link rel="stylesheet" href="{$staticResourcePath}/styles/main.css">{\n}
<link rel="preload" as="style" href="{$staticResourcePath}/styles/main.css">{\n}
<script src="{$staticResourcePath}/bower_components/webcomponentsjs/webcomponents-lite.js"></script>{\n}
@@ -121,6 +121,14 @@
<link rel="import" href="{$staticResourcePath}/elements/gr-app.html">{\n}
// Now use preloaded resources
{if $useGoogleFonts}
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto+Mono:400,500,700|Roboto:400,500,700&display=swap">{\n}
{else}
<link rel="stylesheet" href="{$staticResourcePath}/styles/fonts.css">{\n}
{/if}
<link rel="stylesheet" href="{$staticResourcePath}/styles/main.css">{\n}
<body unresolved>{\n}
<gr-app id="app"></gr-app>{\n}
{/template}