Use link rel preload

lib/App/pushResources.js

@@ -1,46 +1,48 @@
+// This module is currently not in use.
+
 module.exports = function(response) {
-	// if(!response.push)
-	// 	return
-	//
-	// response.push('/styles.css', {
-	// 	method: 'GET',
-	// 	status: 200,
-	// 	request: {
-	// 		'Accept': 'text/css',
-	// 		'Accept-Encoding': 'br',
-	// 		'If-None-Match': this.compressedStylesHeaders.ETag
-	// 	},
-	// 	response: this.compressedStylesHeaders
-	// }, (error, stream) => {
-	// 	if(error)
-	// 		return console.error(error)
-	//
-	// 	stream.on('error', function(error) {
-	// 		console.error(error)
-	// 		stream.end()
-	// 	})
-	//
-	// 	stream.end(this.compressedStyles)
-	// })
-	//
-	// response.push('/scripts.js', {
-	// 	method: 'GET',
-	// 	status: 200,
-	// 	request: {
-	// 		'Accept': 'application/javascript',
-	// 		'Accept-Encoding': 'br',
-	// 		'If-None-Match': this.compressedScriptsHeaders.ETag
-	// 	},
-	// 	response: this.compressedScriptsHeaders
-	// }, (error, stream) => {
-	// 	if(error)
-	// 		return console.error(error)
-	//
-	// 	stream.on('error', function(error) {
-	// 		console.error(error)
-	// 		stream.end()
-	// 	})
-	//
-	// 	stream.end(this.compressedScripts)
-	// })
+	if(!response.push)
+		return
+
+	response.push('/styles.css', {
+		method: 'GET',
+		status: 200,
+		request: {
+			'Accept': 'text/css',
+			'Accept-Encoding': 'br',
+			'If-None-Match': this.compressedStylesHeaders.ETag
+		},
+		response: this.compressedStylesHeaders
+	}, (error, stream) => {
+		if(error)
+			return console.error(error)
+
+		stream.on('error', function(error) {
+			console.error(error)
+			stream.end()
+		})
+
+		stream.end(this.compressedStyles)
+	})
+
+	response.push('/scripts.js', {
+		method: 'GET',
+		status: 200,
+		request: {
+			'Accept': 'application/javascript',
+			'Accept-Encoding': 'br',
+			'If-None-Match': this.compressedScriptsHeaders.ETag
+		},
+		response: this.compressedScriptsHeaders
+	}, (error, stream) => {
+		if(error)
+			return console.error(error)
+
+		stream.on('error', function(error) {
+			console.error(error)
+			stream.end()
+		})
+
+		stream.end(this.compressedScripts)
+	})
 }

lib/App/routePage.js

@@ -20,8 +20,8 @@ const fastCompressionOptions = {
 const mobileMetaTag = '<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, user-scalable=yes">'
 const manifestTag = '<link rel="manifest" href="manifest.json">'
 
-const styleTag = '<link rel="stylesheet" href="/styles.css">'
-// const styleTag = '<link rel="preload" href="/styles.css" as="style" onload="this.rel=\'stylesheet\'">'
+// const styleTag = '<link rel="stylesheet" href="/styles.css">'
+const styleTag = '<link rel="preload" href="/styles.css" as="style" onload="this.rel=\'stylesheet\'">'
 const scriptTag = '<script src="/scripts.js"></script>'
 const styleLoaderPolyfill = '<script>let _rel=document.createElement("link").relList;if(!_rel||!_rel.supports||!_rel.supports("preload")){let l=document.createElement("link");l.href="/styles.css";l.rel="stylesheet";document.head.appendChild(l)}</script>'
 
@@ -85,7 +85,7 @@ module.exports = function(page) {
 
 	// Generic respond functionality
 	const respond = (finalCode, response) => {
-		this.pushResources(response)
+		// this.pushResources(response)
 
 		if(finalCode.length >= gzipThreshold) {
 			headers['Content-Encoding'] = 'gzip'
@@ -258,7 +258,7 @@ module.exports = function(page) {
 					headers.ETag = etag(gzippedCode)
 
 					this.get(page.url, (request, response) => {
-						this.pushResources(response)
+						// this.pushResources(response)
 						response.writeHead(200, headers)
 						response.end(gzippedCode)
 					})
@@ -271,7 +271,7 @@ module.exports = function(page) {
 				headers.ETag = etag(staticPageCode)
 
 				this.get(page.url, (request, response) => {
-					this.pushResources(response)
+					// this.pushResources(response)
 					response.writeHead(200, headers)
 					response.end(staticPageCode)
 				})