caching, compression and other small speed optimization

Author: sspanak

deploy-tools/setup-ubuntu16.04.sh

@@ -28,6 +28,8 @@ apt -y install sqlite3 # for easier database imports
 
 #### Apache ####
 apt -y install apache2
+a2enmod headers
+a2enmod expires
 
 # Next libapache2-mod-wsgi-py3 works with the built-in Python 3.5, so we have to manually build
 # a newer version.

deploy-tools/vhost.conf.sample

@@ -19,6 +19,41 @@
 		</Files>
 	</Directory>
 
+	<ifModule mod_headers.c>
+		Header append Cache-Control "public"
+	</ifModule>
+
+	<ifModule mod_expires.c>
+		ExpiresActive On
+
+		# 1 day, all expire at the same time
+		ExpiresByType application/json M86400
+		ExpiresByType text/html M86400
+
+		# 1 week
+		ExpiresByType text/css A604800
+		ExpiresByType application/javascript A604800
+
+		# 1 year
+		ExpiresByType image/gif A31536000
+		ExpiresByType image/png A31536000
+		ExpiresByType image/jpeg A31536000
+
+		# 6 months
+		ExpiresByType audio/aac A15552000
+		ExpiresByType audio/ogg A15552000
+		ExpiresByType audio/opus A15552000
+	</ifModule>
+
+	<IfModule mod_deflate.c>
+		<IfModule mod_filter.c>
+			# "application/json" compression is not enabled by default. Since adding a filter here completely overrides
+			# the default configuration, we list all desired types explicitly.
+			AddOutputFilterByType DEFLATE text/html text/plain text/xml text/css
+			AddOutputFilterByType DEFLATE application/x-javascript application/javascript application/ecmascript application/json
+		</IfModule>
+	</IfModule>
+
 	ErrorLog ${APACHE_LOG_DIR}/dimmu-saurus.errors.log
 	CustomLog ${APACHE_LOG_DIR}/dimmu-saurus.access.log combined
 </VirtualHost>

src/demo.html

@@ -16,15 +16,15 @@
 
 		<link
 			rel="stylesheet"
-			href="https://fonts.googleapis.com/css?family=Griffy|Noto+Sans:400,400i,700,700i&amp;display=swap&amp;subset=cyrillic">
+			href="https://fonts.googleapis.com/css?family=Griffy|Noto+Sans:400,400i,700,700i&amp;display=swap&amp;subset=cyrillic&amp;display=swap">
 
 		<link
 			rel="stylesheet"
 			href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/css/all.min.css"
 			integrity="sha256-+N4/V/SbAFiW1MPBCXnfnP9QSN3+Keu+NlB+0ev/YKQ="
 			crossorigin="anonymous">
 
-		<script src="https://cdnjs.cloudflare.com/ajax/libs/axios/0.19.2/axios.min.js"></script>
+		<script src="https://cdnjs.cloudflare.com/ajax/libs/axios/0.19.2/axios.min.js" async="async"></script>
 
 		<script>
 			function isOldBrowser() {
@@ -45,6 +45,7 @@
 
 
 			var js = document.createElement('script');
+			js.defer = 'defer';
 
 			if (isOldBrowser()) {
 				js.src = 'ds.legacy.js';
@@ -58,7 +59,6 @@
 			}
 
 			document.head.appendChild(js);
-
 		</script>
 	</head>
 

src/py/main/templates/main/__root.html

@@ -30,15 +30,15 @@
 
 		<link
 			rel="stylesheet"
-			href="https://fonts.googleapis.com/css?family=Griffy|Noto+Sans:400,400i,700,700i&amp;display=swap&amp;subset=cyrillic">
+			href="https://fonts.googleapis.com/css?family=Griffy|Noto+Sans:400,400i,700,700i&amp;display=swap&amp;subset=cyrillic&amp;display=swap">
 
 		<link
 			rel="stylesheet"
 			href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/css/all.min.css"
 			integrity="sha256-+N4/V/SbAFiW1MPBCXnfnP9QSN3+Keu+NlB+0ev/YKQ="
 			crossorigin="anonymous">
 
-		<script src="https://cdnjs.cloudflare.com/ajax/libs/axios/0.19.2/axios.min.js"></script>
+		<script src="https://cdnjs.cloudflare.com/ajax/libs/axios/0.19.2/axios.min.js" async="async"></script>
 
 		<script>
 			AJAXIFY_EXCLUDE = [
@@ -69,6 +69,7 @@
 
 
 			var js = document.createElement('script');
+			js.defer = 'defer';
 
 			if (isOldBrowser()) {
 				js.src = '{% static "ds.legacy.min.js" %}';