Get some optimizations going

default.hbs

@@ -8,6 +8,13 @@
     <meta name="HandheldFriendly" content="True" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 
+    <link rel="preconnect" href="https://fonts.googleapis.com" crossorigin />
+
+    <link rel="preload" as="style" href="https://fonts.googleapis.com/css?family=Exo+2:300,400,500&display=swap" />
+    <link rel="preload" as="style" href="{{asset "built/styles.css"}}" />
+
+    <link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Exo+2:300,400,500&display=swap" />
+    <link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/icon?family=Material+Icons" />
     <link rel="stylesheet" type="text/css" href="{{asset "built/styles.css"}}" />
    
     {{ghost_head}}    

gulpfile.js

@@ -7,20 +7,6 @@ const concat = require('gulp-concat');
 const uglify = require('gulp-uglify');
 const cleancss = require('gulp-clean-css');
 
-const purgecss = require('@fullhuman/postcss-purgecss')({
-
-  // Specify the paths to all of the template files in your project 
-  content: [
-    './**/*.hbs',
-    './assets/**/*.js',
-    './assets/css/styles.css', // This file defines required styles for the Ghost editor
-    // etc.
-  ],
-
-  // Include any special characters you're using in this regular expression
-  defaultExtractor: content => content.match(/[\w-/:]+(?<!:)/g) || []
-})
-
 function serve(done) {
     livereload.listen();
     done();
@@ -38,7 +24,6 @@ function css () {
       // ...
       require('tailwindcss'),
       require('autoprefixer'),
-      ...process.env.NODE_ENV === 'production' ? [purgecss] : []
       // ...
     ]))
     // ...

partials/post-background.hbs

@@ -17,12 +17,6 @@ with a `no-image` class so we can style it accordingly.
     .responsive-{{slug}}-img {
         background-image: url({{img_url feature_image size='m'}});
     }
-
-    @media(max-width: 767px) {
-        .responsive-{{slug}}-img {
-            background-image: url({{img_url feature_image size='m'}});
-        }
-    }
 </style>
 <div class="post-background responsive-{{slug}}-img bg-cover bg-center bg-yuika-blue-500">
 

tailwind.config.js

@@ -1,4 +1,13 @@
 module.exports = {
+  purge: {
+    enabled: true,
+    content: [
+      './**/*.hbs',
+      './assets/**/*.js',
+      './assets/css/styles.css', // This file defines required styles for the Ghost editor
+      // etc.
+    ],
+  },
   theme: {
     extend: {
       colors: {