perf: apply Vercel Next.js best practices (caching, image optimization, metadata)

2026-05-16 01:19:29 +03:00
parent 782e11f795
commit 312ee20320
4 changed files with 56 additions and 15 deletions
--- a/components/SelectedWorks.tsx
+++ b/components/SelectedWorks.tsx
@@ -37,6 +37,8 @@ function ProjectCard({ hero_image, category, title, year, subtitle, slug, index
                                src={hero_image || "https://images.unsplash.com/photo-1550745165-9bc0b252726f"}
                                alt={title}
                                fill
+                                sizes="(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw"
+                                priority={index < 3}
                                className="object-cover transition-all duration-700 grayscale group-hover:grayscale-0"
                            />
                        </motion.div>