feat(aio): improve ProgressiveWepApp-ability (#15628)

Previous Lighthouse score: 52/100
New Lighthouse score: 95+/100

Fixes #15588
This commit is contained in:
George Kalpakas 2017-03-30 22:35:15 +03:00 committed by Alex Rickabaugh
parent 43a9619e57
commit 9e883f5873
3 changed files with 21 additions and 2 deletions

View File

@ -11,7 +11,8 @@
"assets",
"content",
"app/search/search-worker.js",
"favicon.ico"
"favicon.ico",
"pwa-manifest.json"
],
"index": "index.html",
"main": "main.ts",

View File

@ -23,6 +23,9 @@
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Droid+Sans+Mono" rel="stylesheet">
<link rel="manifest" href="pwa-manifest.json">
<meta name="theme-color" content="#1976d2">
<!-- Google Analytics -->
<script>
window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
@ -37,7 +40,7 @@
<body>
<aio-shell></aio-shell>
<aio-shell>Loading...</aio-shell>
<!-- TODO: google feedback -->
<!-- TODO: twitter widget (but only on pages that use twitter) -->

15
aio/src/pwa-manifest.json Normal file
View File

@ -0,0 +1,15 @@
{
"short_name": "Angular Docs",
"name": "Angular Docs",
"icons": [
{
"src":"assets/images/favicons/favicon-194x194.png",
"sizes": "194x194",
"type": "image/png"
}
],
"start_url": "/?utm_source=homescreen",
"background_color": "#fafafa",
"theme_color": "#1976d2",
"display": "standalone"
}