added optimisations

public/index.html

@@ -42,14 +42,14 @@
 
   <!-- Preview meta tags -->
 
-  <link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
-  <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
+  <link href="https://fonts.googleapis.com/css?family=Roboto&display=swap" rel="stylesheet" async>
+  <link href="https://fonts.googleapis.com/icon?family=Material+Icons&display=swap" rel="stylesheet" async>
   <!-- Google recaptcha
   <script src="https://www.google.com/recaptcha/api.js?onload=vueRecaptchaApiLoaded&render=explicit" async defer> -->
   </script>
   <!-- Global site tag (gtag.js) - Google Analytics -->
-  <script async src="https://www.googletagmanager.com/gtag/js?id=UA-131765299-1"></script>
-  <script>
+  <script async src="https://www.googletagmanager.com/gtag/js?id=UA-131765299-1" async></script>
+  <script async>
     window.dataLayer = window.dataLayer || [];
 
     function gtag() {

src/components/app/Popouts/Popouts/GDriveLinkMenu.vue

@@ -55,7 +55,7 @@ export default {
       }
     },
     donateButton() {
-      window.open("https://www.patreon.com/nertivia", "_blank");
+      window.open("https://www.paypal.me/DiscordDevHelp", "_blank");
     }
   }
 };

src/components/app/ServerList.vue

@@ -175,7 +175,6 @@ export default {
 }
 .banner-image {
   position: absolute;
-  background-image: url("../../assets/background.jpg");
   background-position: center;
   background-size: cover;
   height: 100%;

src/views/HomePage.vue

@@ -42,7 +42,7 @@
             The best chat client that won't restrict you from important and fun
             features.
           </div>
-          <img class="graphic" src="@/assets/graphics/HomeGraphics.png" />
+          <img class="graphic" src="@/assets/graphics/HomeGraphics.webp" />
           <div class="buttons">
             <div class="button" @click="openApp">Open In Browser</div>
             <div class="button download" @click="showDownloadsPopout = true">