alexamies · October 16, 2018 23:32
diff --git a/README.md b/README.md
diff --git a/index.html b/index.html
 <!DOCTYPE html>
 <html>
  <head>
    <meta charset="utf-8">
    <title>GCS Static Page</title>
  </head>
  <h1>GCS Static Page</h1>
  <body>
    <p>This is a GCS Static Page</p>
    <p><img src="https://upload.wikimedia.org/wikipedia/commons/thumb/1/1f/Understory_state_park.jpg/1920px-Understory_state_park.jpg"/></p>
    <div>Source: <a href="https://en.wikipedia.org/wiki/Stokes_State_Forest"
    	>https://en.wikipedia.org/wiki/Stokes_State_Forest</a>
    </div>
    <p>
      Previous pages:
      <ul>
      	<ol><a href="index1.html">index1.html - initial version</a></ol>
      	<ol><a href="index2.html">index2.html - with service worker</a></ol>
      </ul>
    </p>
    <script src=/main.js></script>
  </body>
 </html>
diff --git a/index1.html b/index1.html
 <!DOCTYPE html>
 <html>
  <head>
    <meta charset="utf-8">
    <title>GCS Static Page</title>
  </head>
  <h1>GCS Static Page</h1>
  <body>
    <p>This is a GCS Static Page</p>
    <p><img src="https://upload.wikimedia.org/wikipedia/commons/thumb/1/1f/Understory_state_park.jpg/1920px-Understory_state_park.jpg"/></p>
    <div>Source: <a href="https://en.wikipedia.org/wiki/Stokes_State_Forest"
      >https://en.wikipedia.org/wiki/Stokes_State_Forest</a>
    </div>
  </body>
 </html>
diff --git a/index2.html b/index2.html
 <!DOCTYPE html>
 <html>
  <head>
    <meta charset="utf-8">
    <title>GCS Static Page</title>
  </head>
  <h1>GCS Static Page</h1>
  <body>
    <p>This is a GCS Static Page</p>
    <p><img src="https://upload.wikimedia.org/wikipedia/commons/thumb/1/1f/Understory_state_park.jpg/1920px-Understory_state_park.jpg"/></p>
    <div>Source: <a href="https://en.wikipedia.org/wiki/Stokes_State_Forest"
    	>https://en.wikipedia.org/wiki/Stokes_State_Forest</a>
    </div>
    <script src=/main2.js></script>
  </body>
 </html>
diff --git a/main.js b/main.js
 /*
 *  Copyright 2018 Google Inc. All rights reserved.
 *
 *  Licensed under the Apache License, Version 2.0 (the "License");
 *  you may not use this file except in compliance with the License.
 *  You may obtain a copy of the License at
 *
 *      https://www.apache.org/licenses/LICENSE-2.0
 *
 *  Unless required by applicable law or agreed to in writing, software
 *  distributed under the License is distributed on an "AS IS" BASIS,
 *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *  See the License for the specific language governing permissions and
 *  limitations under the License
 *
 */

 'use strict';

 // Log performance timings
 let pageNav = performance.getEntriesByType("navigation")[0];
 let dnsTime = pageNav.domainLookupEnd - pageNav.domainLookupStart;
 let connectTime = pageNav.connectEnd - pageNav.connectStart;
 let tlsTime = 0;
 if (pageNav.secureConnectionStart > 0) {
  tlsTime = pageNav.connectEnd - pageNav.secureConnectionStart;
 }
 let ttfb = pageNav.responseStart - pageNav.requestStart;
 let dt = pageNav.responseEnd - pageNav.responseStart;
 let transferSize = pageNav.transferSize;
 let nextHopProtocol = pageNav.nextHopProtocol;
 console.log(`DNS lookup: ${ dnsTime }`);
 console.log(`Connect Time: ${ connectTime }`);
 console.log(`TLS negotiation: ${ tlsTime }`);
 console.log(`Time to first byte: ${ ttfb }`);
 console.log(`Download time: ${ dt }`);
 console.log(`Response size: ${ transferSize }`);
 console.log(`nextHopProtocol: ${ nextHopProtocol }`);
diff --git a/main2.js b/main2.js
 /*
 *  Copyright 2018 Google Inc. All rights reserved.
 *
 *  Licensed under the Apache License, Version 2.0 (the "License");
 *  you may not use this file except in compliance with the License.
 *  You may obtain a copy of the License at
 *
 *      https://www.apache.org/licenses/LICENSE-2.0
 *
 *  Unless required by applicable law or agreed to in writing, software
 *  distributed under the License is distributed on an "AS IS" BASIS,
 *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *  See the License for the specific language governing permissions and
 *  limitations under the License
 *
 */

 'use strict';

 console.log('Starting');
 if ('serviceWorker' in navigator) {
  window.addEventListener('load', function() {
    navigator.serviceWorker.register('/sw.js').then(function(registration) {
      console.log('ServiceWorker registration successful with scope: ', registration.scope);
    }, function(err) {
      console.log('ServiceWorker registration failed: ', err);
    });
  });
 } else {
  console.log('serviceWorker is not in navigator');
 }
diff --git a/notfound.html b/notfound.html
 <!DOCTYPE html>
 <html>
  <head>
    <meta charset="utf-8">
    <title>Sorry</title>
  </head>
  <h1>Sorry</h1>
  <body>
    <p>We could not find that page</p>
  </body>
 </html>
diff --git a/sw.js b/sw.js
 /*
 *  Copyright 2018 Google Inc. All rights reserved.
 *
 *  Licensed under the Apache License, Version 2.0 (the "License");
 *  you may not use this file except in compliance with the License.
 *  You may obtain a copy of the License at
 *
 *      https://www.apache.org/licenses/LICENSE-2.0
 *
 *  Unless required by applicable law or agreed to in writing, software
 *  distributed under the License is distributed on an "AS IS" BASIS,
 *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *  See the License for the specific language governing permissions and
 *  limitations under the License
 *
 */
 console.log('Starting service worker');
 const version = "0.001";
 const cacheName = `gcs-static-${version}`;
 self.addEventListener('install', e => {
  e.waitUntil(
    caches.open(cacheName).then(cache => {
      return cache.addAll([
        `/`,
        `/index2.html`,
        `/main2.js`
      ])
        .then(() => self.skipWaiting());
    })
  );
 });

 self.addEventListener('activate', event => {
  event.waitUntil(self.clients.claim());
 });

 self.addEventListener('fetch', event => {
  event.respondWith(
    caches.open(cacheName)
      .then(cache => cache.match(event.request, {ignoreSearch: true}))
      .then(response => {
      return response || fetch(event.request);
    })
  );
 });
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<title>GCS Static Page</title>
	</head>
	<h1>GCS Static Page</h1>
	<body>
	<p>This is a GCS Static Page</p>
	<p><img src="https://upload.wikimedia.org/wikipedia/commons/thumb/1/1f/Understory_state_park.jpg/1920px-Understory_state_park.jpg"/></p>
	<div>Source: <a href="https://en.wikipedia.org/wiki/Stokes_State_Forest"
	>https://en.wikipedia.org/wiki/Stokes_State_Forest</a>
	</div>
	<p>
	Previous pages:
	<ul>
	<ol><a href="index1.html">index1.html - initial version</a></ol>
	<ol><a href="index2.html">index2.html - with service worker</a></ol>
	</ul>
	</p>
	<script src=/main.js></script>
	</body>
	</html>
	/*
	* Copyright 2018 Google Inc. All rights reserved.
	*
	* Licensed under the Apache License, Version 2.0 (the "License");
	* you may not use this file except in compliance with the License.
	* You may obtain a copy of the License at
	*
	* https://www.apache.org/licenses/LICENSE-2.0
	*
	* Unless required by applicable law or agreed to in writing, software
	* distributed under the License is distributed on an "AS IS" BASIS,
	* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
	* See the License for the specific language governing permissions and
	* limitations under the License
	*
	*/

	'use strict';

	// Log performance timings
	let pageNav = performance.getEntriesByType("navigation")[0];
	let dnsTime = pageNav.domainLookupEnd - pageNav.domainLookupStart;
	let connectTime = pageNav.connectEnd - pageNav.connectStart;
	let tlsTime = 0;
	if (pageNav.secureConnectionStart > 0) {
	tlsTime = pageNav.connectEnd - pageNav.secureConnectionStart;
	}
	let ttfb = pageNav.responseStart - pageNav.requestStart;
	let dt = pageNav.responseEnd - pageNav.responseStart;
	let transferSize = pageNav.transferSize;
	let nextHopProtocol = pageNav.nextHopProtocol;
	console.log(`DNS lookup: ${ dnsTime }`);
	console.log(`Connect Time: ${ connectTime }`);
	console.log(`TLS negotiation: ${ tlsTime }`);
	console.log(`Time to first byte: ${ ttfb }`);
	console.log(`Download time: ${ dt }`);
	console.log(`Response size: ${ transferSize }`);
	console.log(`nextHopProtocol: ${ nextHopProtocol }`);