diff --git a/build-system/tasks/visual-diff/browser.js b/build-system/tasks/visual-diff/browser.js
index 8a61e10f05df..da543a8e6776 100644
--- a/build-system/tasks/visual-diff/browser.js
+++ b/build-system/tasks/visual-diff/browser.js
@@ -44,7 +44,7 @@ function locateChromeExecutablePath() {
  * @return {!Promise<!puppeteer.Browser>} a Puppeteer controlled browser.
  */
 async function launchBrowser() {
-  /** @type {import('puppeteer-core').PuppeteerLaunchOptions} */
+  /** @type {import('puppeteer-core').LaunchOptions} */
   const browserOptions = {
     args: [
       '--disable-background-media-suspend',
@@ -107,7 +107,7 @@ async function newPage(browser, viewport = null) {
       );
       return interceptedRequest.respond({
         status: 200,
-        body: fs.readFileSync(mockedFilepath),
+        body: new Uint8Array(fs.readFileSync(mockedFilepath)),
       });
     } else {
       log(
diff --git a/build-system/tasks/visual-diff/package-lock.json b/build-system/tasks/visual-diff/package-lock.json
index 9127d8cc81fe..9ccd241fd779 100644
--- a/build-system/tasks/visual-diff/package-lock.json
+++ b/build-system/tasks/visual-diff/package-lock.json
@@ -13,7 +13,7 @@
         "@percy/puppeteer": "2.0.2",
         "@percy/sdk-utils": "1.30.6",
         "@puppeteer/browsers": "2.7.0",
-        "puppeteer-core": "23.11.1"
+        "puppeteer-core": "24.0.0"
       }
     },
     "node_modules/@babel/code-frame": {
@@ -1726,12 +1726,12 @@
       }
     },
     "node_modules/puppeteer-core": {
-      "version": "23.11.1",
-      "resolved": "https://registry.npmjs.org/puppeteer-core/-/puppeteer-core-23.11.1.tgz",
-      "integrity": "sha512-3HZ2/7hdDKZvZQ7dhhITOUg4/wOrDRjyK2ZBllRB0ZCOi9u0cwq1ACHDjBB+nX+7+kltHjQvBRdeY7+W0T+7Gg==",
+      "version": "24.0.0",
+      "resolved": "https://registry.npmjs.org/puppeteer-core/-/puppeteer-core-24.0.0.tgz",
+      "integrity": "sha512-bHVXmnkYnMVSbsD+pJGt8fmGZLaVYOAieVnJcDxtLIVTMq0s5RfYdzN4xVlFoBQ3T06/sPkXxca3VLVfaqLxzg==",
       "dev": true,
       "dependencies": {
-        "@puppeteer/browsers": "2.6.1",
+        "@puppeteer/browsers": "2.7.0",
         "chromium-bidi": "0.11.0",
         "debug": "^4.4.0",
         "devtools-protocol": "0.0.1367902",
@@ -1742,28 +1742,6 @@
         "node": ">=18"
       }
     },
-    "node_modules/puppeteer-core/node_modules/@puppeteer/browsers": {
-      "version": "2.6.1",
-      "resolved": "https://registry.npmjs.org/@puppeteer/browsers/-/browsers-2.6.1.tgz",
-      "integrity": "sha512-aBSREisdsGH890S2rQqK82qmQYU3uFpSH8wcZWHgHzl3LfzsxAKbLNiAG9mO8v1Y0UICBeClICxPJvyr0rcuxg==",
-      "dev": true,
-      "dependencies": {
-        "debug": "^4.4.0",
-        "extract-zip": "^2.0.1",
-        "progress": "^2.0.3",
-        "proxy-agent": "^6.5.0",
-        "semver": "^7.6.3",
-        "tar-fs": "^3.0.6",
-        "unbzip2-stream": "^1.4.3",
-        "yargs": "^17.7.2"
-      },
-      "bin": {
-        "browsers": "lib/cjs/main-cli.js"
-      },
-      "engines": {
-        "node": ">=18"
-      }
-    },
     "node_modules/puppeteer-core/node_modules/chromium-bidi": {
       "version": "0.11.0",
       "resolved": "https://registry.npmjs.org/chromium-bidi/-/chromium-bidi-0.11.0.tgz",
@@ -3689,12 +3667,12 @@
       }
     },
     "puppeteer-core": {
-      "version": "23.11.1",
-      "resolved": "https://registry.npmjs.org/puppeteer-core/-/puppeteer-core-23.11.1.tgz",
-      "integrity": "sha512-3HZ2/7hdDKZvZQ7dhhITOUg4/wOrDRjyK2ZBllRB0ZCOi9u0cwq1ACHDjBB+nX+7+kltHjQvBRdeY7+W0T+7Gg==",
+      "version": "24.0.0",
+      "resolved": "https://registry.npmjs.org/puppeteer-core/-/puppeteer-core-24.0.0.tgz",
+      "integrity": "sha512-bHVXmnkYnMVSbsD+pJGt8fmGZLaVYOAieVnJcDxtLIVTMq0s5RfYdzN4xVlFoBQ3T06/sPkXxca3VLVfaqLxzg==",
       "dev": true,
       "requires": {
-        "@puppeteer/browsers": "2.6.1",
+        "@puppeteer/browsers": "2.7.0",
         "chromium-bidi": "0.11.0",
         "debug": "^4.4.0",
         "devtools-protocol": "0.0.1367902",
@@ -3702,22 +3680,6 @@
         "ws": "^8.18.0"
       },
       "dependencies": {
-        "@puppeteer/browsers": {
-          "version": "2.6.1",
-          "resolved": "https://registry.npmjs.org/@puppeteer/browsers/-/browsers-2.6.1.tgz",
-          "integrity": "sha512-aBSREisdsGH890S2rQqK82qmQYU3uFpSH8wcZWHgHzl3LfzsxAKbLNiAG9mO8v1Y0UICBeClICxPJvyr0rcuxg==",
-          "dev": true,
-          "requires": {
-            "debug": "^4.4.0",
-            "extract-zip": "^2.0.1",
-            "progress": "^2.0.3",
-            "proxy-agent": "^6.5.0",
-            "semver": "^7.6.3",
-            "tar-fs": "^3.0.6",
-            "unbzip2-stream": "^1.4.3",
-            "yargs": "^17.7.2"
-          }
-        },
         "chromium-bidi": {
           "version": "0.11.0",
           "resolved": "https://registry.npmjs.org/chromium-bidi/-/chromium-bidi-0.11.0.tgz",
diff --git a/build-system/tasks/visual-diff/package.json b/build-system/tasks/visual-diff/package.json
index 124091af844c..5c464df0dc41 100644
--- a/build-system/tasks/visual-diff/package.json
+++ b/build-system/tasks/visual-diff/package.json
@@ -9,6 +9,6 @@
     "@percy/puppeteer": "2.0.2",
     "@percy/sdk-utils": "1.30.6",
     "@puppeteer/browsers": "2.7.0",
-    "puppeteer-core": "23.11.1"
+    "puppeteer-core": "24.0.0"
   }
 }