From dbc9c1053725424204154f46de397fc9b7198718 Mon Sep 17 00:00:00 2001
From: leichteckig <29896429+leichteckig@users.noreply.github.com>
Date: Sat, 15 Oct 2022 00:56:17 +0200
Subject: [PATCH] Optimize for Web Core Vitals

---
 components/Hero.vue      | 2 ++
 components/LargeTile.vue | 2 ++
 components/Polaroid.vue  | 2 ++
 nuxt.config.js           | 1 +
 pages/conferences.vue    | 2 ++
 5 files changed, 9 insertions(+)

diff --git a/components/Hero.vue b/components/Hero.vue
index 50a3a22..6c1c28a 100644
--- a/components/Hero.vue
+++ b/components/Hero.vue
@@ -3,6 +3,8 @@
     class="hero-image"
     :src="`/${img.path}`"
     :alt="img.alt"
+    height="500px"
+    width="100%"
   >
 </template>
 
diff --git a/components/LargeTile.vue b/components/LargeTile.vue
index 681b69b..88ad449 100644
--- a/components/LargeTile.vue
+++ b/components/LargeTile.vue
@@ -11,6 +11,8 @@
         <img
           class="blog-card__author-img"
           :src="article.author.image"
+          height="160px"
+          width="100%"
         >
         {{ article.author.name }}
       </div>
diff --git a/components/Polaroid.vue b/components/Polaroid.vue
index 6ea3a37..cb732db 100644
--- a/components/Polaroid.vue
+++ b/components/Polaroid.vue
@@ -8,6 +8,8 @@
         class="polaroid__image"
         :src="imagePath"
         alt="Ramona"
+        height="260px"
+        width="260px"
       >
     </div>
   </section>
diff --git a/nuxt.config.js b/nuxt.config.js
index dba10f0..834ce10 100644
--- a/nuxt.config.js
+++ b/nuxt.config.js
@@ -114,6 +114,7 @@ export default {
 
   googleFonts: {
     download: true,
+    prefetch: true,
     base64: true,
     families: {
       Roboto: true,
diff --git a/pages/conferences.vue b/pages/conferences.vue
index c7886d0..6a7c7f1 100644
--- a/pages/conferences.vue
+++ b/pages/conferences.vue
@@ -10,6 +10,8 @@
           alt="Moe giving talks"
           src="/ramona-schwering-talks-small.jpeg"
           class=" img-header"
+          height="550"
+          width="250px"
         >
       </div>
       <TableOverview :contents="futureEvents"/>