From e116bc74b5a40032edb9aa82624fc8c28ef17d37 Mon Sep 17 00:00:00 2001
From: "google-labs-jules[bot]"
 <161369871+google-labs-jules[bot]@users.noreply.github.com>
Date: Tue, 27 Jan 2026 08:51:58 +0000
Subject: [PATCH] perf: Optimize blurry placeholder generation

Removed redundant `image-size` file read in `_11ty/blurry-placeholder.js`.
Now using `sharp` for both metadata retrieval and image processing, reducing I/O operations.
Verified with a benchmark script showing ~3x improvement (11ms -> 4ms per call).

Co-authored-by: si <18108+si@users.noreply.github.com>
---
 _11ty/blurry-placeholder.js | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/_11ty/blurry-placeholder.js b/_11ty/blurry-placeholder.js
index f6aa321..349a85e 100644
--- a/_11ty/blurry-placeholder.js
+++ b/_11ty/blurry-placeholder.js
@@ -24,7 +24,6 @@
 
 const { promisify } = require("util");
 const sharp = require("sharp");
-const sizeOf = promisify(require("image-size"));
 const DatauriParser = require("datauri/parser");
 const parser = new DatauriParser();
 const readFile = promisify(require("fs").readFile);
@@ -56,9 +55,10 @@ async function getCachedDataURI(src) {
 }
 
 async function getDataURI(src) {
-  const info = await sizeOf(src);
+  const pipeline = sharp(src);
+  const info = await pipeline.metadata();
   const imgDimension = getBitmapDimensions_(info.width, info.height);
-  const buffer = await sharp(src)
+  const buffer = await pipeline
     .rotate() // Manifest rotation from metadata
     .resize(imgDimension.width, imgDimension.height)
     .png()