webperf-snippets 0.4.0 → 0.5.0

package/snippets/Loading/Cache-Strategy-Analysis.js

@@ -1,8 +1,33 @@
 // Cache Strategy Analysis
 // Analyzes HTTP caching strategies, CDN hit rates, and cache anti-patterns across all page resources
-// https://webperf-snippets.nucliweb.net
+// https://webperf-snippets.net
 
 (async () => {
+  // @shared ownRequestUrl
+  // The URL a snippet requests when it reads a file of the page itself (fetch, a HEAD request,
+  // new Image()). The fragment never reaches the server or the HTTP cache key, so the file still
+  // comes from the cache, but it stays in the name of the Resource Timing entry of the request,
+  // which is how isOwnRequest leaves these requests out of what the page loaded.
+  function ownRequestUrl(url) {
+    try {
+      const parsed = new URL(url, location.href);
+      if (!/^https?:$/.test(parsed.protocol)) return url;
+      parsed.hash = "webperf-snippets";
+      return parsed.href;
+    } catch {
+      return url;
+    }
+  }
+  // @end-shared ownRequestUrl
+
+  // @shared isOwnRequest
+  // True for the Resource Timing entry of a request a snippet made with ownRequestUrl: the page
+  // did not make it, so no snippet counts it.
+  function isOwnRequest(entry) {
+    return entry.name.endsWith("#webperf-snippets");
+  }
+  // @end-shared isOwnRequest
+
   // Domains that belong to the site but differ from the page's root domain, such as its own CDN.
   // They count as first party. Example: const OWN_DOMAINS = ["bbci.co.uk", "bbc.co.uk"];
   const OWN_DOMAINS = [];
@@ -182,13 +207,9 @@
 
   // --- Phase 1: Gather resource entries ---
 
-  // Exclude HEAD/aborted-GET entries injected by this snippet's own fetch calls
-  // on previous runs. Those entries have no body (encodedBodySize=0, decodedBodySize=0)
-  // but did transfer bytes (transferSize>0, i.e. only response headers were received).
-  // Real page resources always have encodedBodySize > 0 (or transferSize = 0 if cached).
-  const resources = performance.getEntriesByType("resource").filter(
-    (r) => !(r.encodedBodySize === 0 && r.decodedBodySize === 0 && r.transferSize > 0)
-  );
+  // The HEAD requests this snippet makes in Phase 2 carry the ownRequestUrl tag, so a second run
+  // leaves them out
+  const resources = performance.getEntriesByType("resource").filter((e) => !isOwnRequest(e));
 
   // Detect duplicate URLs
   const urlCounts = new Map();
@@ -236,7 +257,7 @@
   // --- Phase 2: Fetch headers for same-origin static assets ---
 
   // Scope: true same-origin only (same scheme+host+port, not just root domain).
-  // isFirstParty() matches root domains (api.fedex.com = first party for www.fedex.com)
+  // isFirstParty() matches root domains (api.example.com = first party for www.example.com)
   // but the browser enforces CORS per full origin, causing console errors.
   // Also limit to static asset types — API endpoints and iframes tend to reject HEAD
   // (503/403) and pollute the console without adding useful cache strategy data.
@@ -255,7 +276,7 @@
     await Promise.allSettled(
       batch.map(async (url) => {
         try {
-          const resp = await fetch(url, { method: "HEAD", cache: "no-store" });
+          const resp = await fetch(ownRequestUrl(url), { method: "HEAD", cache: "no-store" });
           if (!resp.ok) {
             headerCache.set(url, null);
             return;
@@ -317,7 +338,7 @@
       entry.antiPatterns.push({
         id: "static-no-store",
         severity: "error",
-        message: `${type} asset with no-store — static assets should be cacheable`,
+        message: `${type} asset with no-store; static assets should be cacheable`,
       });
     }
 
@@ -325,7 +346,7 @@
       entry.antiPatterns.push({
         id: "versioned-short-cache",
         severity: "warning",
-        message: `Versioned URL (hash detected) but max-age=${maxAge}s — consider long cache or immutable`,
+        message: `Versioned URL (hash detected) but max-age=${maxAge}s: consider long cache or immutable`,
       });
     }
 
@@ -360,7 +381,7 @@
       entry.antiPatterns.push({
         id: "maxage-zero-static",
         severity: "warning",
-        message: `Static asset with max-age=0 — forces revalidation on every request`,
+        message: `Static asset with max-age=0, which forces revalidation on every request`,
       });
     }
 
@@ -374,7 +395,7 @@
       entry.antiPatterns.push({
         id: "short-cache-static",
         severity: "warning",
-        message: `Static asset with max-age=${maxAge}s (< 1h) — consider a longer cache duration`,
+        message: `Static asset with max-age=${maxAge}s (< 1h): consider a longer cache duration`,
       });
     }
   }
@@ -452,7 +473,7 @@
     entry.antiPatterns.push({
       id: "uncompressed",
       severity: "warning",
-      message: `${entry.type} sent uncompressed (${formatBytes(entry.encodedBodySize)} on the wire for ${formatBytes(entry.decodedBodySize)}) — enable Brotli or gzip`,
+      message: `${entry.type} sent uncompressed (${formatBytes(entry.encodedBodySize)} on the wire for ${formatBytes(entry.decodedBodySize)}): enable Brotli or gzip`,
     });
   }
   for (const duplicate of costlyDuplicates) {
@@ -460,7 +481,7 @@
     entries.find((e) => e.url === duplicate.url).antiPatterns.push({
       id: "duplicate-uncached",
       severity: "warning",
-      message: `Loaded ${duplicate.count} times, ${duplicate.uncachedLoads} from the network — load it once or make it cacheable`,
+      message: `Loaded ${duplicate.count} times, ${duplicate.uncachedLoads} from the network: load it once or make it cacheable`,
     });
   }
 
@@ -778,12 +799,12 @@
   }
   if (shortCacheEntries.filter((e) => e.hasHash).length > 0) {
     recommendations.push(
-      "🟡 Versioned files (with content hash) should use long cache or Cache-Control: immutable — they can be cached indefinitely since the URL changes on update."
+      "🟡 Versioned files (with content hash) should use long cache or Cache-Control: immutable; they can be cached indefinitely since the URL changes on update."
     );
   }
   if (allAntiPatterns.some((p) => p.id === "expires-without-cc")) {
     recommendations.push(
-      "🟡 Replace Expires headers with Cache-Control: max-age — Expires is an outdated mechanism and less reliable."
+      "🟡 Replace Expires headers with Cache-Control: max-age. Expires is an outdated mechanism and less reliable."
     );
   }
   if (cacheEfficiencyPercent !== null && cacheEfficiencyPercent < 50) {
@@ -812,12 +833,12 @@
     );
   } else if (cachedDuplicates.length > 0) {
     recommendations.push(
-      `ℹ️ ${cachedDuplicates.length} resources are requested multiple times but served from cache — low performance impact, but worth reviewing for correctness.`
+      `ℹ️ ${cachedDuplicates.length} resources are requested multiple times but served from cache; low performance impact, but worth reviewing for correctness.`
     );
   }
   if (corsRestricted > 0 && headersAnalyzed === 0) {
     recommendations.push(
-      `ℹ️ All resources are cross-origin CORS-restricted — header analysis was limited. Add Timing-Allow-Origin for more insights.`
+      `ℹ️ All resources are cross-origin CORS-restricted, so header analysis was limited. Add Timing-Allow-Origin for more insights.`
     );
   }
 

package/snippets/Loading/Client-Side-Redirect-Detection.js

@@ -1,7 +1,15 @@
 // Client-Side Redirect Detection
-// https://webperf-snippets.nucliweb.net
+// https://webperf-snippets.net
 
 (async () => {
+  // @shared isOwnRequest
+  // True for the Resource Timing entry of a request a snippet made with ownRequestUrl: the page
+  // did not make it, so no snippet counts it.
+  function isOwnRequest(entry) {
+    return entry.name.endsWith("#webperf-snippets");
+  }
+  // @end-shared isOwnRequest
+
   const navEntries = performance.getEntriesByType('navigation');
 
   if (navEntries.length === 0) {
@@ -14,7 +22,7 @@
 
   const navEntry = navEntries[0];
   const currentURL = new URL(window.location.href);
-  const resources = performance.getEntriesByType('resource');
+  const resources = performance.getEntriesByType('resource').filter((e) => !isOwnRequest(e));
 
   // Check for document navigations (only navigation type, exclude iframes)
   // Filter out third-party iframes (analytics, ads, etc.)
@@ -330,7 +338,7 @@
     },
     issues: [
       ...(serverRedirects > 0 ? [{ severity: "warning", message: `${serverRedirects} server-side redirect(s) detected (${Math.round(redirectTime)}ms)` }] : []),
-      ...(documentNavigations.length > 0 ? [{ severity: "error", message: `${documentNavigations.length} same-origin document navigation(s) detected — likely client-side redirect` }] : []),
+      ...(documentNavigations.length > 0 ? [{ severity: "error", message: `${documentNavigations.length} same-origin document navigation(s) detected, likely a client-side redirect` }] : []),
       ...indicators.filter(i => i.severity === "warning").map(i => ({ severity: "warning", message: i.type })),
     ],
   };

package/snippets/Loading/Compression-Audit.js

@@ -1,8 +1,16 @@
 // Compression Audit
 // Finds text-based resources served without HTTP compression and estimates the savings
-// https://webperf-snippets.nucliweb.net
+// https://webperf-snippets.net
 
 (() => {
+  // @shared isOwnRequest
+  // True for the Resource Timing entry of a request a snippet made with ownRequestUrl: the page
+  // did not make it, so no snippet counts it.
+  function isOwnRequest(entry) {
+    return entry.name.endsWith("#webperf-snippets");
+  }
+  // @end-shared isOwnRequest
+
   const MIN_BYTES = 1024; // Below this, compression saves too little to matter
   const MAX_ITEMS = 50;
 
@@ -46,7 +54,7 @@
     return null;
   };
 
-  const entries = [...performance.getEntriesByType("navigation"), ...performance.getEntriesByType("resource")];
+  const entries = [...performance.getEntriesByType("navigation"), ...performance.getEntriesByType("resource").filter((e) => !isOwnRequest(e))];
   const contentEncodingSupported = entries.some((e) => "contentEncoding" in e);
 
   const candidates = [];

package/snippets/Loading/Critical-CSS-Detection.js

@@ -1,8 +1,16 @@
 // Critical CSS Detection
 // Analyzes render-blocking stylesheets, inline CSS budget, and loading strategy
-// https://webperf-snippets.nucliweb.net
+// https://webperf-snippets.net
 
 (() => {
+  // @shared isOwnRequest
+  // True for the Resource Timing entry of a request a snippet made with ownRequestUrl: the page
+  // did not make it, so no snippet counts it.
+  function isOwnRequest(entry) {
+    return entry.name.endsWith("#webperf-snippets");
+  }
+  // @end-shared isOwnRequest
+
   // @shared formatBytes
   function formatBytes(bytes) {
     if (bytes === null || bytes === undefined || Number.isNaN(bytes)) return "-";
@@ -20,7 +28,7 @@
     document.querySelectorAll('link[rel="stylesheet"]')
   );
 
-  const perfEntries = performance.getEntriesByType("resource");
+  const perfEntries = performance.getEntriesByType("resource").filter((e) => !isOwnRequest(e));
 
   const externalCSSData = linkStylesheets.map((link) => {
     const href = link.href;
@@ -214,7 +222,7 @@
   if (renderBlockingCSS.length > 0 && inlineStyles.length === 0) {
     issues.push({
       severity: "high",
-      message: "No critical CSS inlined — all CSS loads via render-blocking requests",
+      message: "No critical CSS inlined: all CSS loads via render-blocking requests",
       suggestion:
         'Extract above-the-fold styles into a <style> tag in <head> and defer the rest',
     });

package/snippets/Loading/Event-Processing-Time.js

@@ -1,5 +1,5 @@
 // Event Processing Time - Analyze page load phases
-// https://webperf-snippets.nucliweb.net
+// https://webperf-snippets.net
 
 (() => {
   const phases = [

package/snippets/Loading/FCP.js

@@ -1,8 +1,16 @@
 // FCP Analysis
 // First Contentful Paint with render-blocking phase breakdown
-// https://webperf-snippets.nucliweb.net
+// https://webperf-snippets.net
 
 (() => {
+  // @shared isOwnRequest
+  // True for the Resource Timing entry of a request a snippet made with ownRequestUrl: the page
+  // did not make it, so no snippet counts it.
+  function isOwnRequest(entry) {
+    return entry.name.endsWith("#webperf-snippets");
+  }
+  // @end-shared isOwnRequest
+
   const valueToRating = (ms) =>
     ms <= 1800 ? "good" : ms <= 3000 ? "needs-improvement" : "poor";
 
@@ -28,7 +36,7 @@
     const ttfb = Math.max(0, (navEntry?.responseStart ?? 0) - activationStart);
 
     // Render-blocking resources (Chrome 107+, requires renderBlockingStatus API)
-    const resources = performance.getEntriesByType("resource");
+    const resources = performance.getEntriesByType("resource").filter((e) => !isOwnRequest(e));
     const blockingResources = resources.filter(
       (r) => r.renderBlockingStatus === "blocking"
     );
@@ -72,7 +80,7 @@
         });
       console.log("");
       console.log(
-        "%c→ Find Render-Blocking Resources: %chttps://webperf-snippets.nucliweb.net/Loading/Find-render-blocking-resources",
+        "%c→ Find Render-Blocking Resources: %chttps://webperf-snippets.net/Loading/Find-render-blocking-resources",
         "color: #3b82f6;",
         "color: #3b82f6; text-decoration: underline;"
       );
@@ -98,7 +106,7 @@
   // render-blocking resource, then the rest until the paint
   const ttfbSync = Math.max(0, (navEntrySync?.responseStart ?? 0) - activationStartSync);
   const blockingSync = performance
-    .getEntriesByType("resource")
+    .getEntriesByType("resource").filter((e) => !isOwnRequest(e))
     .filter((r) => r.renderBlockingStatus === "blocking");
   const lastBlockingEndSync = Math.max(
     ttfbSync,

package/snippets/Loading/Find-Above-The-Fold-Lazy-Loaded-Images.js

@@ -1,7 +1,15 @@
 // Detect lazy loaded images above the fold
-// https://webperf-snippets.nucliweb.net
+// https://webperf-snippets.net
 
 (function() {
+  // @shared isOwnRequest
+  // True for the Resource Timing entry of a request a snippet made with ownRequestUrl: the page
+  // did not make it, so no snippet counts it.
+  function isOwnRequest(entry) {
+    return entry.name.endsWith("#webperf-snippets");
+  }
+  // @end-shared isOwnRequest
+
   function getSelector(node) {
     let sel = "";
     try {
@@ -49,7 +57,7 @@
   function getFileSize(src) {
     if (!src) return null;
     try {
-      const entries = performance.getEntriesByType("resource");
+      const entries = performance.getEntriesByType("resource").filter((e) => !isOwnRequest(e));
       const entry = entries.find(e => e.name === src || e.name.includes(src.split("/").pop()));
       if (entry && entry.transferSize) {
         return (entry.transferSize / 1024).toFixed(1) + " KB";
@@ -257,8 +265,8 @@
       isLcpCandidate: image.isLcpCandidate,
     })),
     issues: [
-      ...(results.summary.lcpAffected ? [{ severity: "error", message: 'LCP candidate image has lazy loading — remove loading="lazy" and add fetchpriority="high"' }] : []),
-      ...(results.lazyImages.filter(i => !i.isLcpCandidate).length > 0 ? [{ severity: "warning", message: `${results.lazyImages.filter(i => !i.isLcpCandidate).length} above-fold image(s) have lazy loading — remove loading="lazy"` }] : []),
+      ...(results.summary.lcpAffected ? [{ severity: "error", message: 'LCP candidate image has lazy loading: remove loading="lazy" and add fetchpriority="high"' }] : []),
+      ...(results.lazyImages.filter(i => !i.isLcpCandidate).length > 0 ? [{ severity: "warning", message: `${results.lazyImages.filter(i => !i.isLcpCandidate).length} above-fold image(s) have lazy loading: remove loading="lazy"` }] : []),
     ],
   };
 })();

package/snippets/Loading/Find-Images-With-Lazy-and-Fetchpriority.js

@@ -1,5 +1,5 @@
 // Find images with contradictory loading="lazy" and fetchpriority="high"
-// https://webperf-snippets.nucliweb.net
+// https://webperf-snippets.net
 
 (() => {
   function getSelector(node) {

package/snippets/Loading/Find-non-Lazy-Loaded-Images-outside-of-the-viewport.js

@@ -1,7 +1,15 @@
 // Execute after page load without user interaction (scroll, click, etc)
-// https://webperf-snippets.nucliweb.net
+// https://webperf-snippets.net
 
 (function () {
+  // @shared isOwnRequest
+  // True for the Resource Timing entry of a request a snippet made with ownRequestUrl: the page
+  // did not make it, so no snippet counts it.
+  function isOwnRequest(entry) {
+    return entry.name.endsWith("#webperf-snippets");
+  }
+  // @end-shared isOwnRequest
+
   function getSelector(node) {
     let sel = "";
     try {
@@ -69,7 +77,7 @@
     const src = imgElement.currentSrc || imgElement.src;
     if (!src || src.startsWith("data:")) return 0;
 
-    const perfEntries = performance.getEntriesByType("resource");
+    const perfEntries = performance.getEntriesByType("resource").filter((e) => !isOwnRequest(e));
     const imgEntry = perfEntries.find((entry) => entry.name === src);
 
     if (imgEntry) {

package/snippets/Loading/Find-render-blocking-resources.js

@@ -1,9 +1,17 @@
 // Find render-blocking resources
-// https://webperf-snippets.nucliweb.net
+// https://webperf-snippets.net
 
 (() => {
+  // @shared isOwnRequest
+  // True for the Resource Timing entry of a request a snippet made with ownRequestUrl: the page
+  // did not make it, so no snippet counts it.
+  function isOwnRequest(entry) {
+    return entry.name.endsWith("#webperf-snippets");
+  }
+  // @end-shared isOwnRequest
+
   // Check browser support
-  const testEntry = performance.getEntriesByType("resource")[0];
+  const testEntry = performance.getEntriesByType("resource").filter((e) => !isOwnRequest(e))[0];
   if (testEntry && !("renderBlockingStatus" in testEntry)) {
     console.log(
       "%c⚠️ renderBlockingStatus not supported in this browser",
@@ -15,7 +23,7 @@
   }
 
   const blockingResources = performance
-    .getEntriesByType("resource")
+    .getEntriesByType("resource").filter((e) => !isOwnRequest(e))
     .filter((entry) => entry.renderBlockingStatus === "blocking")
     .map((entry) => {
       const url = new URL(entry.name);

package/snippets/Loading/First-And-Third-Party-Script-Info.js

@@ -1,7 +1,15 @@
 // First and Third Party Script Analysis
-// https://webperf-snippets.nucliweb.net
+// https://webperf-snippets.net
 
 (() => {
+  // @shared isOwnRequest
+  // True for the Resource Timing entry of a request a snippet made with ownRequestUrl: the page
+  // did not make it, so no snippet counts it.
+  function isOwnRequest(entry) {
+    return entry.name.endsWith("#webperf-snippets");
+  }
+  // @end-shared isOwnRequest
+
   // Domains that belong to the site but differ from the page's root domain, such as its own CDN.
   // They count as first party. Example: const OWN_DOMAINS = ["bbci.co.uk", "bbc.co.uk"];
   const OWN_DOMAINS = [];
@@ -54,7 +62,7 @@
 
   // Gather script data
   const scripts = performance
-    .getEntriesByType("resource")
+    .getEntriesByType("resource").filter((e) => !isOwnRequest(e))
     .filter((r) => r.initiatorType === "script")
     .map((r) => {
       const url = new URL(r.name);

package/snippets/Loading/First-And-Third-Party-Script-Timings.js

@@ -1,7 +1,15 @@
 // First and Third Party Script Timings Analysis
-// https://webperf-snippets.nucliweb.net
+// https://webperf-snippets.net
 
 (() => {
+  // @shared isOwnRequest
+  // True for the Resource Timing entry of a request a snippet made with ownRequestUrl: the page
+  // did not make it, so no snippet counts it.
+  function isOwnRequest(entry) {
+    return entry.name.endsWith("#webperf-snippets");
+  }
+  // @end-shared isOwnRequest
+
   // Domains that belong to the site but differ from the page's root domain, such as its own CDN.
   // They count as first party. Example: const OWN_DOMAINS = ["bbci.co.uk", "bbc.co.uk"];
   const OWN_DOMAINS = [];
@@ -44,7 +52,7 @@
 
   // Gather script timing data
   const scripts = performance
-    .getEntriesByType("resource")
+    .getEntriesByType("resource").filter((e) => !isOwnRequest(e))
     .filter((r) => r.initiatorType === "script")
     .map((r) => {
       const url = new URL(r.name);

package/snippets/Loading/Fonts-Preloaded-Loaded-and-used-above-the-fold.js

@@ -1,5 +1,5 @@
 // Font Loading Analysis - Preloaded, Loaded, and Used Above The Fold
-// https://webperf-snippets.nucliweb.net
+// https://webperf-snippets.net
 
 (() => {
   // Domains that belong to the site but differ from the page's root domain, such as its own CDN.

package/snippets/Loading/Inline-CSS-Info-and-Size.js

@@ -1,5 +1,5 @@
 // Inline CSS Analysis - Find and analyze all inline style tags
-// https://webperf-snippets.nucliweb.net
+// https://webperf-snippets.net
 
 (() => {
   // @shared formatBytes

package/snippets/Loading/Inline-Script-Info-and-Size.js

@@ -1,5 +1,5 @@
 // Inline Script Analysis - Find and analyze all inline scripts
-// https://webperf-snippets.nucliweb.net
+// https://webperf-snippets.net
 
 (() => {
   // @shared formatBytes

package/snippets/Loading/JS-Execution-Time-Breakdown.js

@@ -1,7 +1,15 @@
 // JavaScript Execution Time Breakdown
-// https://webperf-snippets.nucliweb.net
+// https://webperf-snippets.net
 
 (() => {
+  // @shared isOwnRequest
+  // True for the Resource Timing entry of a request a snippet made with ownRequestUrl: the page
+  // did not make it, so no snippet counts it.
+  function isOwnRequest(entry) {
+    return entry.name.endsWith("#webperf-snippets");
+  }
+  // @end-shared isOwnRequest
+
   const formatMs = (ms) => (ms > 0 ? ms.toFixed(0) + "ms" : "-");
   // @shared formatBytes
   function formatBytes(bytes) {
@@ -25,7 +33,7 @@
   const loadEvent = nav?.loadEventEnd || 0;
   // 2. Script resource timing (download phase)
   const scriptResources = performance
-    .getEntriesByType("resource")
+    .getEntriesByType("resource").filter((e) => !isOwnRequest(e))
     .filter((r) => r.initiatorType === "script")
     .map((r) => {
       let shortName;

package/snippets/Loading/Prefetch-Resource-Validation.js

@@ -1,25 +1,39 @@
 // Prefetch Resource Validation
-// https://webperf-snippets.nucliweb.net
+// https://webperf-snippets.net
 
 (() => {
+  // @shared isOwnRequest
+  // True for the Resource Timing entry of a request a snippet made with ownRequestUrl: the page
+  // did not make it, so no snippet counts it.
+  function isOwnRequest(entry) {
+    return entry.name.endsWith("#webperf-snippets");
+  }
+  // @end-shared isOwnRequest
+
   // Get all prefetch hints
   const prefetchLinks = Array.from(document.querySelectorAll('link[rel="prefetch"]'));
 
   if (prefetchLinks.length === 0) {
     // Early return is safe here - console.group hasn't been opened yet
     console.log(
-      '%c✅ No prefetch hints found (rel="prefetch").',
-      "color: #22c55e; font-weight: bold;",
+      '%cℹ️ No prefetch hints on this page (rel="prefetch"), nothing to validate.',
+      "color: #3b82f6; font-weight: bold;",
     );
     console.log(
       "%cℹ️ Prefetch is for future navigation resources. Use it sparingly for predictable user journeys.",
       "color: #3b82f6;",
     );
-    return { script: "Prefetch-Resource-Validation", status: "ok", count: 0, items: [], issues: [] };
+    return {
+      script: "Prefetch-Resource-Validation",
+      status: "ok",
+      count: 0,
+      items: [],
+      issues: [{ severity: "info", message: 'No prefetch hints on this page (rel="prefetch"), so there was nothing to validate.' }],
+    };
   }
 
   // Get performance entries for all resources
-  const performanceEntries = performance.getEntriesByType("resource");
+  const performanceEntries = performance.getEntriesByType("resource").filter((e) => !isOwnRequest(e));
 
   // Pre-normalize URLs for efficient matching (avoids repeated URL parsing in nested loops)
   const entryUrlMap = new Map();

package/snippets/Loading/Priority-Hints-Audit.js

@@ -1,7 +1,15 @@
 // Priority Hints Audit
-// https://webperf-snippets.nucliweb.net
+// https://webperf-snippets.net
 
 (() => {
+  // @shared isOwnRequest
+  // True for the Resource Timing entry of a request a snippet made with ownRequestUrl: the page
+  // did not make it, so no snippet counts it.
+  function isOwnRequest(entry) {
+    return entry.name.endsWith("#webperf-snippets");
+  }
+  // @end-shared isOwnRequest
+
   function isInViewport(el) {
     const rect = el.getBoundingClientRect();
     return (
@@ -36,7 +44,7 @@
 
   // Build performance entry map for timing lookups
   const entryMap = new Map();
-  performance.getEntriesByType("resource").forEach((e) => {
+  performance.getEntriesByType("resource").filter((e) => !isOwnRequest(e)).forEach((e) => {
     try {
       entryMap.set(new URL(e.name, location.origin).href, e);
     } catch {}
@@ -309,7 +317,7 @@
 
   console.log("");
   console.log(
-    '%c💡 Related: "Find Images With Lazy and Fetchpriority" detects the lazy+high conflict on images. https://webperf-snippets.nucliweb.net/Loading/Find-Images-With-Lazy-and-Fetchpriority',
+    '%c💡 Related: "Find Images With Lazy and Fetchpriority" detects the lazy+high conflict on images. https://webperf-snippets.net/Loading/Find-Images-With-Lazy-and-Fetchpriority',
     "color: #6b7280;"
   );
 

package/snippets/Loading/Resource-Hints-Validation.js

@@ -1,7 +1,15 @@
 // Resource Hints Validation
-// https://webperf-snippets.nucliweb.net
+// https://webperf-snippets.net
 
 (() => {
+  // @shared isOwnRequest
+  // True for the Resource Timing entry of a request a snippet made with ownRequestUrl: the page
+  // did not make it, so no snippet counts it.
+  function isOwnRequest(entry) {
+    return entry.name.endsWith("#webperf-snippets");
+  }
+  // @end-shared isOwnRequest
+
   console.group("%c🔍 Resource Hints Validation", "font-weight: bold; font-size: 14px;");
 
   // Check if page is fully loaded
@@ -18,7 +26,7 @@
   const dnsPrefetchLinks = Array.from(document.querySelectorAll('link[rel="dns-prefetch"]'));
 
   // Get all loaded resources from Performance API
-  const resources = performance.getEntriesByType("resource");
+  const resources = performance.getEntriesByType("resource").filter((e) => !isOwnRequest(e));
 
   // Helper: Extract domain from URL
   const getDomain = (url) => {

package/snippets/Loading/Resource-Hints.js

@@ -1,7 +1,15 @@
 // Resource Hints Analysis
-// https://webperf-snippets.nucliweb.net
+// https://webperf-snippets.net
 
 (() => {
+  // @shared isOwnRequest
+  // True for the Resource Timing entry of a request a snippet made with ownRequestUrl: the page
+  // did not make it, so no snippet counts it.
+  function isOwnRequest(entry) {
+    return entry.name.endsWith("#webperf-snippets");
+  }
+  // @end-shared isOwnRequest
+
   // @shared formatBytes
   function formatBytes(bytes) {
     if (bytes === null || bytes === undefined || Number.isNaN(bytes)) return "-";
@@ -103,7 +111,7 @@
       if (type.rel === "preconnect" && !hint.crossorigin) {
         // Check if we load CORS resources from this origin
         const corsResources = performance
-          .getEntriesByType("resource")
+          .getEntriesByType("resource").filter((e) => !isOwnRequest(e))
           .filter(
             (r) =>
               r.name.includes(hostname) &&
@@ -125,7 +133,7 @@
 
   // Check for unused preloads
   const preloads = allHints.filter((h) => h.rel === "preload");
-  const loadedResources = performance.getEntriesByType("resource");
+  const loadedResources = performance.getEntriesByType("resource").filter((e) => !isOwnRequest(e));
 
   preloads.forEach((preload) => {
     const wasUsed = loadedResources.some((r) => r.name === preload.href);

package/snippets/Loading/SSR-Hydration-Data-Analysis.js

@@ -1,5 +1,5 @@
 // SSR Framework Hydration Data Analysis
-// https://webperf-snippets.nucliweb.net
+// https://webperf-snippets.net
 
 (() => {
   // @shared formatBytes