improve blog page performance

Author: iamabdullah73524

.astro/content.d.ts

@@ -177,6 +177,6 @@ declare module 'astro:content' {
 		LiveContentConfig['collections'][C]['loader']
 	>;
 
-	export type ContentConfig = typeof import("../src/content.config.js");
+	export type ContentConfig = typeof import("./../src/content.config.js");
 	export type LiveContentConfig = never;
 }

public/assets/images/blog/blog-4.webp

@@ -48,8 +48,8 @@ const formattedDate = formatDate(date);
         <img
           src={image}
           alt={title}
-          width="800"
-          height="450"
+          width="400"
+          height="225"
           loading={priority ? "eager" : "lazy"}
           fetchpriority={priority ? "high" : "auto"}
           decoding="async"
@@ -65,7 +65,7 @@ const formattedDate = formatDate(date);
             tags
               .slice(0, 2)
               .map((tag: string) => (
-                <span class="bg-brandBlue rounded-full border border-cyan-500/20 px-3 py-1 text-xs font-medium text-white">
+                <span class="rounded-full border border-cyan-500/20 bg-brandBlue px-3 py-1 text-xs font-medium text-white">
                   #{tag}
                 </span>
               ))

public/assets/images/blog/blog-6.webp

@@ -2,7 +2,7 @@
 import { Picture } from "astro:assets";
 import "../assets/styles/custom-font.css";
 import ThemeToggle from "@/components/ThemeToggle.astro";
-import logoImage from "@/assets/images/logo.png";
+import logoImage from "@/assets/images/logo.webp";
 import navLinks from "@/data/navLinks.json";
 import NavItem from "@/components/NavItem.astro";
 
@@ -163,7 +163,9 @@ const isCurrentPage = (path: string) => {
       const closeBtn = document.getElementById("closeMenuBtn");
       const menu = document.getElementById("mobileMenu");
 
-      if (!openBtn || !closeBtn || !menu) return;
+      if (!openBtn || !closeBtn || !menu || openBtn.dataset.initialized) return;
+
+      openBtn.dataset.initialized = "true";
 
       openBtn.addEventListener("click", () => {
         menu.classList.remove("hidden");