perf: server head & LCP speedup

johannschopplich · Jun 1, 2024 · 13ceefa · 13ceefa
1 parent 58583ca
commit 13ceefa
Show file tree

Hide file tree

Showing 5 changed files with 25 additions and 3 deletions.
diff --git a/app.vue b/app.vue
@@ -10,7 +10,7 @@ import '~/assets/fonts/HenriettaCondensed.css'
 const appState = useAppState()
 const appContainer = useAppContainer()
 
-useHead({
+useServerHead({
   htmlAttrs: {
     class: 'min-w-[320px] bg-primary-700',
     lang: 'de',

diff --git a/components/Kirby/Block/SectionBackers.vue b/components/Kirby/Block/SectionBackers.vue
@@ -34,7 +34,7 @@ defineProps<{
     >
       <div class="mb-2 flex justify-center">
         <img
-          v-if="item.logo"
+          v-if="item.logo?.url"
           class="h-10 object-contain"
           :width="item.logo.width"
           :height="item.logo.height"

diff --git a/nuxt.config.ts b/nuxt.config.ts
@@ -1,7 +1,13 @@
 import { siteQuery } from './queries'
 
 export default defineNuxtConfig({
-  modules: ['@nuxtjs/plausible', '@unocss/nuxt', '@vueuse/nuxt', 'nuxt-kql'],
+  modules: [
+    '@nuxtjs/plausible',
+    '@unocss/nuxt',
+    '@vueuse/nuxt',
+    'nuxt-lcp-speedup',
+    'nuxt-kql',
+  ],
 
   runtimeConfig: {
     public: {

diff --git a/package.json b/package.json
@@ -27,6 +27,7 @@
     "lint-staged": "^15.2.4",
     "nuxt": "^3.11.2",
     "nuxt-kql": "^1.4.17",
+    "nuxt-lcp-speedup": "^0.8.1",
     "prettier": "^3.2.5",
     "simple-git-hooks": "^2.11.1",
     "typescript": "^5.4.5",

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml