{"id":25749,"date":"2026-06-23T09:29:20","date_gmt":"2026-06-23T09:29:20","guid":{"rendered":"https:\/\/umang.pk\/2026\/06\/23\/devtools-%d8%a7%db%8c%da%a9%d8%b3%d9%b9%db%8c%d9%86%d8%b4%d9%86-%da%a9%d8%a7-%d8%a7%d8%b3%d8%aa%d8%b9%d9%85%d8%a7%d9%84-%da%a9%d8%b1%d8%aa%db%92-%db%81%d9%88%d8%a6%db%92-%da%a9%d8%a7%d8%b1%da%a9%d8%b1\/"},"modified":"2026-06-23T09:29:24","modified_gmt":"2026-06-23T09:29:24","slug":"devtools-%d8%a7%db%8c%da%a9%d8%b3%d9%b9%db%8c%d9%86%d8%b4%d9%86-%da%a9%d8%a7-%d8%a7%d8%b3%d8%aa%d8%b9%d9%85%d8%a7%d9%84-%da%a9%d8%b1%d8%aa%db%92-%db%81%d9%88%d8%a6%db%92-%da%a9%d8%a7%d8%b1%da%a9%d8%b1","status":"publish","type":"post","link":"https:\/\/umang.pk\/ur\/2026\/06\/23\/devtools-%d8%a7%db%8c%da%a9%d8%b3%d9%b9%db%8c%d9%86%d8%b4%d9%86-%da%a9%d8%a7-%d8%a7%d8%b3%d8%aa%d8%b9%d9%85%d8%a7%d9%84-%da%a9%d8%b1%d8%aa%db%92-%db%81%d9%88%d8%a6%db%92-%da%a9%d8%a7%d8%b1%da%a9%d8%b1\/","title":{"rendered":"DevTools \u0627\u06cc\u06a9\u0633\u0679\u06cc\u0646\u0634\u0646 \u06a9\u0627 \u0627\u0633\u062a\u0639\u0645\u0627\u0644 \u06a9\u0631\u062a\u06d2 \u06c1\u0648\u0626\u06d2 \u06a9\u0627\u0631\u06a9\u0631\u062f\u06af\u06cc \u06a9\u06d2 \u0622\u0688\u0679\u0633 \u06a9\u0648 AI remediation prompts \u0645\u06cc\u06ba \u06a9\u06cc\u0633\u06d2 \u062a\u0628\u062f\u06cc\u0644 \u06a9\u06cc\u0627 \u062c\u0627\u0626\u06d2\u06d4"},"content":{"rendered":"\n<div id=\"\">\n<p>\u06a9\u0627\u0631\u06a9\u0631\u062f\u06af\u06cc \u06a9\u06d2 \u0679\u0648\u0644\u0632 \u06cc\u06c1 \u062f\u06a9\u06be\u0627\u0646\u06d2 \u06a9\u06d2 \u0644\u06cc\u06d2 \u0628\u06c1\u062a\u0631\u06cc\u0646 \u06c1\u06cc\u06ba \u06a9\u06c1 \u06a9\u06cc\u0627 \u0633\u0633\u062a \u06c1\u06d2\u06d4 \u0622\u067e \u06a9\u06c1\u06c1 \u0633\u06a9\u062a\u06d2 \u06c1\u06cc\u06ba \u06a9\u06c1 \u0645\u0648\u0627\u062f \u06a9\u06d2 \u0633\u0627\u062a\u06be \u0632\u06cc\u0627\u062f\u06c1 \u0633\u06d2 \u0632\u06cc\u0627\u062f\u06c1 \u067e\u06cc\u0646\u0679 4.2 \u0633\u06cc\u06a9\u0646\u0688 \u06c1\u06d2\u060c JavaScript \u0628\u0646\u0688\u0644 \u0628\u06c1\u062a \u0628\u0691\u0627 \u06c1\u06d2\u060c \u06cc\u0627 \u0627\u0648\u067e\u0631 \u0648\u0627\u0644\u06cc \u062a\u0635\u0648\u06cc\u0631 \u0628\u06c1\u062a \u062c\u0644\u062f \u0644\u0648\u0688 \u06c1\u0648 \u0631\u06c1\u06cc \u06c1\u06d2\u06d4<\/p>\n<p>\u062a\u0627\u06c1\u0645\u060c \u06cc\u06c1 \u0639\u0627\u0645 \u0637\u0648\u0631 \u067e\u0631 \u0622\u067e \u06a9\u0648 \u062f\u0631\u062c \u0630\u06cc\u0644 \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0646\u06c1\u06cc\u06ba \u0628\u062a\u0627\u062a\u0627 \u06c1\u06d2 \u062c\u0633 \u06a9\u06cc \u0622\u067e \u06a9\u0648 \u0628\u0637\u0648\u0631 \u0688\u06cc\u0648\u0644\u067e\u0631 \u0636\u0631\u0648\u0631\u062a \u06c1\u06d2: <strong>\u0645\u062c\u06be\u06d2 \u0627\u067e\u0646\u06d2 \u06a9\u0648\u0688\u0631 \u06a9\u0648 \u062a\u0628\u062f\u06cc\u0644 \u06a9\u0631\u0646\u06d2 \u06a9\u06d2 \u0644\u06cc\u06d2 \u06a9\u06cc\u0627 \u06a9\u06c1\u0646\u0627 \u0686\u0627\u06c1\u06cc\u06d2\u061f<\/strong><\/p>\n<p>AI \u06a9\u0648\u0688\u0646\u06af \u0627\u06cc\u062c\u0646\u0679 \u06a9\u0627\u0631\u06a9\u0631\u062f\u06af\u06cc \u06a9\u06d2 \u0645\u0633\u0627\u0626\u0644 \u06a9\u0648 \u062d\u0644 \u06a9\u0631\u0646\u06d2 \u0645\u06cc\u06ba \u0645\u062f\u062f \u06a9\u0631 \u0633\u06a9\u062a\u06d2 \u06c1\u06cc\u06ba\u060c \u0644\u06cc\u06a9\u0646 \u0627\u0646\u06c1\u06cc\u06ba \u0648\u0627\u0636\u062d \u0633\u06cc\u0627\u0642 \u0648 \u0633\u0628\u0627\u0642 \u06a9\u06cc \u0636\u0631\u0648\u0631\u062a \u06c1\u0648\u062a\u06cc \u06c1\u06d2\u06d4 &quot;\u0627\u0633 \u0633\u0627\u0626\u0679 \u06a9\u0648 \u062a\u06cc\u0632 \u062a\u0631 \u0628\u0646\u0627\u0626\u06cc\u06ba&#8221; \u0679\u0627\u0626\u067e \u06a9\u0631\u0646\u06d2 \u0633\u06d2 \u0627\u06a9\u062b\u0631 \u0622\u067e \u06a9\u0648 \u0648\u0633\u06cc\u0639 \u0645\u0634\u0648\u0631\u06c1 \u0645\u0644\u06d2 \u06af\u0627\u06d4 \u0627\u06af\u0631 \u0622\u067e \u0627\u06cc\u062c\u0646\u0679 \u06a9\u0648 \u0645\u06cc\u0679\u0631\u06a9\u0633\u060c \u0645\u062a\u0627\u062b\u0631\u06c1 \u0648\u0633\u0627\u0626\u0644\u060c \u0645\u0645\u06a9\u0646\u06c1 \u0648\u062c\u0648\u06c1\u0627\u062a\u060c \u0627\u0648\u0631 \u06a9\u0648\u0646 \u0633\u06cc \u0641\u0627\u0626\u0644\u0648\u06ba \u06a9\u0648 \u067e\u06c1\u0644\u06d2 \u0686\u06cc\u06a9 \u06a9\u0631\u0646\u0627 \u06c1\u06d2 \u0641\u0631\u0627\u06c1\u0645 \u06a9\u0631\u062a\u06d2 \u06c1\u06cc\u06ba\u060c \u062a\u0648 \u0622\u067e \u06a9\u06d2 \u067e\u0627\u0633 \u0645\u0641\u06cc\u062f \u067e\u06cc\u0686 \u200b\u200b\u062d\u0627\u0635\u0644 \u06a9\u0631\u0646\u06d2 \u06a9\u0627 \u0628\u06c1\u062a \u0628\u06c1\u062a\u0631 \u0645\u0648\u0642\u0639 \u06c1\u06d2\u06d4<\/p>\n<p>\u0627\u0633 \u0679\u06cc\u0648\u0679\u0648\u0631\u06cc\u0644 \u0645\u06cc\u06ba\u060c \u0628\u0631\u0627\u0624\u0632\u0631 \u06a9\u06cc \u06a9\u0627\u0631\u06a9\u0631\u062f\u06af\u06cc \u06a9\u06d2 \u0646\u062a\u0627\u0626\u062c \u06a9\u0648 \u0633\u0627\u062e\u062a\u06cc AI \u0627\u0635\u0644\u0627\u062d\u06cc \u0627\u0634\u0627\u0631\u06d2 \u0645\u06cc\u06ba \u062a\u0628\u062f\u06cc\u0644 \u06a9\u0631\u0646\u06d2 \u06a9\u0627 \u0637\u0631\u06cc\u0642\u06c1 \u0633\u06cc\u06a9\u06be\u06cc\u06ba\u06d4 \u0622\u067e \u0627\u067e\u0646\u06d2 Chrome DevTools \u0627\u06cc\u06a9\u0633\u0679\u06cc\u0646\u0634\u0646 \u0645\u06cc\u06ba &quot;\u06a9\u0627\u067e\u06cc AI \u0627\u06cc\u0688\u06cc\u0679 \u067e\u0631\u0627\u0645\u067e\u0679&#8221; \u0628\u0679\u0646 \u06a9\u0648 \u0634\u0627\u0645\u0644 \u06a9\u0631\u0646\u06d2 \u06a9\u0627 \u0637\u0631\u06cc\u0642\u06c1 \u0628\u06be\u06cc \u0633\u06cc\u06a9\u06be\u06cc\u06ba \u06af\u06d2\u06d4<\/p>\n<p>\u0645\u06cc\u06ba \u0645\u062b\u0627\u0644 \u06a9\u06d2 \u0637\u0648\u0631 \u067e\u0631\u060c PerfLens\u060c \u0627\u06cc\u06a9 Chrome DevTools \u0627\u06cc\u06a9\u0633\u0679\u06cc\u0646\u0634\u0646 \u0627\u0633\u062a\u0639\u0645\u0627\u0644 \u06a9\u0631\u0648\u06ba \u06af\u0627\u060c \u062c\u0633\u06d2 \u0645\u06cc\u06ba \u0646\u06d2 \u0628\u0646\u0627\u06cc\u0627 \u06c1\u06d2\u06d4 \u062a\u0627\u06c1\u0645\u060c \u0627\u06cc\u06a9 \u06c1\u06cc \u067e\u06cc\u0679\u0631\u0646 \u06a9\u0633\u06cc \u0628\u06be\u06cc \u0679\u0648\u0644 \u06a9\u06d2 \u0633\u0627\u062a\u06be \u06a9\u0627\u0645 \u06a9\u0631\u062a\u0627 \u06c1\u06d2 \u062c\u0648 \u06a9\u0627\u0631\u06a9\u0631\u062f\u06af\u06cc \u06a9\u0627 \u0688\u06cc\u0679\u0627 \u0627\u06a9\u0679\u06be\u0627 \u06a9\u0631\u0633\u06a9\u062a\u0627 \u06c1\u06d2\u06d4<\/p>\n<h2 id=\"heading-what-you-will-build\">\u06a9\u06cc\u0627 \u062a\u0639\u0645\u06cc\u0631 \u06a9\u0631\u0646\u0627 \u06c1\u06d2<\/h2>\n<p>\u06c1\u0645 \u0627\u0633 \u0637\u0631\u062d \u0627\u06cc\u06a9 \u0686\u06be\u0648\u0679\u06cc \u067e\u0627\u0626\u067e \u0644\u0627\u0626\u0646 \u0628\u0646\u0627\u062a\u06d2 \u06c1\u06cc\u06ba:<\/p>\n<pre><code class=\"language-text\">Performance finding\n  -> Structured issue object\n  -> AI fix prompt\n  -> Clipboard\n  -> Coding agent\n  -> Code change\n  -> Re-run audit\n<\/code><\/pre>\n<p>\u0622\u062e\u0631 \u0645\u06cc\u06ba \u0622\u067e \u06a9\u06d2 \u067e\u0627\u0633 \u06c1\u0648\u06af\u0627:<\/p>\n<ul>\n<li>\n<p>\u06a9\u0648\u0626\u06cc \u0631\u0627\u0633\u062a\u06c1 \u0646\u06c1\u06cc\u06ba <code>Finding<\/code> \u0622\u0688\u0679 \u06a9\u06d2 \u0646\u062a\u0627\u0626\u062c \u06a9\u0648 \u0630\u062e\u06cc\u0631\u06c1 \u06a9\u0631\u0646\u06d2 \u06a9\u06cc \u0627\u0642\u0633\u0627\u0645<\/p>\n<\/li>\n<li>\n<p>\u0641\u0648\u0631\u06cc \u0628\u0644\u0688\u0631 \u06a9\u06cc \u062e\u0635\u0648\u0635\u06cc\u0627\u062a<\/p>\n<\/li>\n<li>\n<p>\u06a9\u0644\u067e \u0628\u0648\u0631\u0688 \u0641\u0646\u06a9\u0634\u0646 \u0645\u06cc\u06ba \u06a9\u0627\u067e\u06cc \u06a9\u0631\u06cc\u06ba\u06d4<\/p>\n<\/li>\n<li>\n<p>\u062c\u0646\u0631\u06cc\u0679\u0688 \u067e\u0631\u0627\u0645\u067e\u0679\u0633 \u06a9\u0627\u067e\u06cc \u06a9\u0631\u0646\u06d2 \u06a9\u06d2 \u0644\u06cc\u06d2 DevTools \u067e\u06cc\u0646\u0644 \u0628\u0679\u0646<\/p>\n<\/li>\n<li>\n<p>\u06cc\u06c1 \u0686\u06cc\u06a9 \u06a9\u0631\u0646\u06d2 \u06a9\u0627 \u0627\u06cc\u06a9 \u0622\u0633\u0627\u0646 \u0637\u0631\u06cc\u0642\u06c1 \u06a9\u06c1 \u0622\u06cc\u0627 \u0622\u067e \u06a9\u06cc \u062f\u0631\u0633\u062a\u06af\u06cc \u06a9\u0627\u0645 \u06a9\u0631\u062a\u06cc \u06c1\u06d2\u06d4<\/p>\n<\/li>\n<\/ul>\n<h2 id=\"heading-prerequisites\">\u0634\u0631\u0627\u0626\u0637<\/h2>\n<p>\u067e\u06cc\u0631\u0648\u06cc \u06a9\u0631\u0646\u06d2 \u06a9\u06d2 \u0644\u06cc\u06d2\u060c \u0622\u067e \u06a9\u0648 \u0633\u0645\u062c\u06be\u0646\u06d2 \u06a9\u06cc \u0636\u0631\u0648\u0631\u062a \u06c1\u06d2:<\/p>\n<ul>\n<li>\n<p>\u0628\u0646\u06cc\u0627\u062f\u06cc JavaScript \u06cc\u0627 TypeScript<\/p>\n<\/li>\n<li>\n<p>\u0628\u0631\u0627\u0624\u0632\u0631 \u06a9\u06cc \u062a\u0648\u0633\u06cc\u0639 \u06a9\u06d2 \u0628\u0646\u06cc\u0627\u062f\u06cc \u062a\u0635\u0648\u0631\u0627\u062a<\/p>\n<\/li>\n<li>\n<p>Chrome DevTools \u067e\u06cc\u0646\u0644 \u0627\u0639\u0644\u06cc \u0633\u0637\u062d \u067e\u0631 \u06a9\u06cc\u0633\u06d2 \u06a9\u0627\u0645 \u06a9\u0631\u062a\u0627 \u06c1\u06d2\u06d4<\/p>\n<\/li>\n<li>\n<p>AI \u06a9\u0648\u0688\u0646\u06af \u0627\u06cc\u062c\u0646\u0679 \u062c\u06cc\u0633\u06d2 \u06a9\u0631\u0633\u0631\u060c \u06a9\u0644\u0627\u0688 \u06a9\u0648\u0688\u060c GitHub Copilot\u060c \u06cc\u0627 \u0627\u0633\u06cc \u0637\u0631\u062d \u06a9\u06d2 \u0679\u0648\u0644\u0632 \u06a9\u0627 \u0627\u0633\u062a\u0639\u0645\u0627\u0644 \u06a9\u06cc\u0633\u06d2 \u06a9\u0631\u06cc\u06ba\u06d4<\/p>\n<\/li>\n<\/ul>\n<p>\u0627\u0633 \u0679\u06cc\u0648\u0679\u0648\u0631\u06cc\u0644 \u0645\u06cc\u06ba \u0622\u067e \u06a9\u0648 \u0645\u06a9\u0645\u0644 \u06a9\u0627\u0631\u06a9\u0631\u062f\u06af\u06cc \u06a9\u0627 \u0622\u0688\u0679 \u0627\u0646\u062c\u0646 \u0628\u0646\u0627\u0646\u06d2 \u06a9\u06cc \u0636\u0631\u0648\u0631\u062a \u0646\u06c1\u06cc\u06ba \u06c1\u06d2\u06d4 \u062a\u0648\u062c\u06c1 \u06a9\u0627\u0631\u06a9\u0631\u062f\u06af\u06cc \u06a9\u06d2 \u0679\u0648\u0644\u0632 \u0627\u0648\u0631 \u06a9\u0648\u0688\u0646\u06af \u0627\u06cc\u062c\u0646\u0679\u0648\u06ba \u06a9\u06d2 \u062f\u0631\u0645\u06cc\u0627\u0646 \u06c1\u06cc\u0646\u0688 \u0622\u0641 \u067e\u0631 \u06c1\u06d2\u06d4<\/p>\n<h2 id=\"heading-table-of-contents\">\u0627\u0646\u0688\u06cc\u06a9\u0633<\/h2>\n<h2 id=\"heading-why-performance-reports-are-hard-to-turn-into-code-changes\">\u06a9\u0627\u0631\u06a9\u0631\u062f\u06af\u06cc \u06a9\u06cc \u0631\u067e\u0648\u0631\u0679\u0648\u06ba \u06a9\u0648 \u06a9\u0648\u0688 \u06a9\u06cc \u062a\u0628\u062f\u06cc\u0644\u06cc\u0648\u06ba \u0645\u06cc\u06ba \u062a\u0628\u062f\u06cc\u0644 \u06a9\u0631\u0646\u0627 \u06a9\u06cc\u0648\u06ba \u0645\u0634\u06a9\u0644 \u06c1\u06d2\u06d4<\/h2>\n<p>\u06a9\u0627\u0631\u06a9\u0631\u062f\u06af\u06cc \u06a9\u0627 \u0633\u06a9\u0648\u0631 \u0627\u06cc\u06a9 \u0639\u0644\u0627\u0645\u062a \u06c1\u06d2\u06d4 \u0645\u062b\u0627\u0644 \u06a9\u06d2 \u0637\u0648\u0631 \u067e\u0631\u060c \u0622\u067e \u06a9\u06cc \u0631\u067e\u0648\u0631\u0679 \u06cc\u06c1 \u06a9\u06c1\u06c1 \u0633\u06a9\u062a\u06cc \u06c1\u06d2:<\/p>\n<pre><code class=\"language-text\">Largest Contentful Paint: 4.2 seconds\n<\/code><\/pre>\n<p>\u0648\u06c1 \u0646\u0645\u0628\u0631 \u0627\u06c1\u0645 \u06c1\u06cc\u06ba\u060c \u0644\u06cc\u06a9\u0646 \u0648\u06c1 \u0622\u067e \u06a9\u0648 \u06cc\u06c1 \u0646\u06c1\u06cc\u06ba \u0628\u062a\u0627\u062a\u06d2 \u06a9\u06c1 \u062f\u0631\u0633\u062a \u06a9\u06c1\u0627\u06ba \u06c1\u06d2\u06d4<\/p>\n<p>\u0627\u0633\u0628\u0627\u0628 \u062f\u0631\u062c \u0630\u06cc\u0644 \u06c1\u06cc\u06ba\u06d4<\/p>\n<p>\u0688\u0648\u06cc\u0644\u067e\u0631\u0632 \u06a9\u0648 \u0639\u0627\u0645 \u0637\u0648\u0631 \u067e\u0631 \u0631\u067e\u0648\u0631\u0679\u0633 \u06a9\u0648 \u06a9\u0648\u0688 \u0644\u06cc\u0648\u0644 \u06a9\u06d2 \u06a9\u0627\u0645\u0648\u06ba \u0645\u06cc\u06ba \u062a\u0631\u062c\u0645\u06c1 \u06a9\u0631\u0646\u06d2 \u06a9\u06cc \u0636\u0631\u0648\u0631\u062a \u06c1\u0648\u062a\u06cc \u06c1\u06d2\u06d4<\/p>\n<p>\u062a\u0631\u062c\u0645\u06c1 \u06a9\u06d2 \u0627\u0633 \u0645\u0631\u062d\u0644\u06d2 \u0645\u06cc\u06ba \u0648\u0642\u062a \u0644\u06af\u062a\u0627 \u06c1\u06d2\u06d4 \u06cc\u06c1 \u0648\u06c1 \u0645\u0631\u062d\u0644\u06c1 \u0628\u06be\u06cc \u06c1\u06d2 \u062c\u06c1\u0627\u06ba \u06a9\u0648\u0688\u0646\u06af \u0627\u06cc\u062c\u0646\u0679 \u0633\u0628 \u0633\u06d2 \u0632\u06cc\u0627\u062f\u06c1 \u0645\u062f\u062f\u06af\u0627\u0631 \u062b\u0627\u0628\u062a \u06c1\u0648 \u0633\u06a9\u062a\u0627 \u06c1\u06d2 \u0627\u06af\u0631 \u0622\u067e \u06a9\u0627\u0641\u06cc \u0633\u06cc\u0627\u0642 \u0648 \u0633\u0628\u0627\u0642 \u0641\u0631\u0627\u06c1\u0645 \u06a9\u0631\u062a\u06d2 \u06c1\u06cc\u06ba\u06d4<\/p>\n<p>\u0627\u067e\u0646\u06d2 \u0627\u06cc\u062c\u0646\u0679 \u0633\u06d2 &quot;\u0645\u06cc\u0631\u06cc \u0633\u0627\u0626\u0679 \u06a9\u0648 \u062a\u06cc\u0632 \u062a\u0631 \u0628\u0646\u0627\u0646\u06d2&#8221; \u06a9\u06d2 \u0644\u06cc\u06d2 \u06a9\u06c1\u0646\u06d2 \u06a9\u06d2 \u0628\u062c\u0627\u0626\u06d2\u060c \u0622\u067e \u062a\u0648\u062c\u06c1 \u0645\u0631\u06a9\u0648\u0632\u060c \u0645\u062e\u062a\u0635\u0631 \u0628\u06cc\u0627\u0646 \u062f\u06d2 \u0633\u06a9\u062a\u06d2 \u06c1\u06cc\u06ba:<\/p>\n<pre><code class=\"language-text\">The homepage has a 258.1 KB image affecting load performance.\nInspect the hero section and image component first.\nResize or compress the image without changing the layout.\nThen explain how to verify the improvement.\n<\/code><\/pre>\n<p>\u06cc\u06c1 \u0627\u06cc\u06a9 \u0645\u062e\u0635\u0648\u0635 \u0645\u0633\u0626\u0644\u06d2 \u06a9\u06cc \u0646\u0634\u0627\u0646\u062f\u06c1\u06cc \u06a9\u0631\u062a\u0627 \u06c1\u06d2\u060c \u062c\u0633 \u0633\u06d2 \u0627\u06cc\u062c\u0646\u0679\u0648\u06ba \u06a9\u06d2 \u0644\u06cc\u06d2 \u06a9\u0627\u0631\u0631\u0648\u0627\u0626\u06cc \u06a9\u0631\u0646\u0627 \u0622\u0633\u0627\u0646 \u06c1\u0648 \u062c\u0627\u062a\u0627 \u06c1\u06d2\u06d4<\/p>\n<h2 id=\"heading-what-an-ai-fix-prompt-should-include\">AI \u062a\u0631\u0645\u06cc\u0645 \u06a9\u06d2 \u0627\u0634\u0627\u0631\u06d2 \u0645\u06cc\u06ba \u06a9\u06cc\u0627 \u0634\u0627\u0645\u0644 \u06c1\u0648\u0646\u0627 \u0686\u0627\u06c1\u0626\u06d2\u06d4<\/h2>\n<p>\u0627\u06cc\u06a9 \u0627\u0686\u06be\u0627 AI \u0641\u06a9\u0633 \u067e\u06cc\u063a\u0627\u0645 \u0627\u06cc\u06a9 \u0645\u062e\u062a\u0635\u0631 \u0627\u0646\u062c\u06cc\u0646\u0626\u0631\u0646\u06af \u062c\u0627\u0626\u0632\u06c1 \u06a9\u06cc \u0637\u0631\u062d \u067e\u0691\u06be\u0646\u0627 \u0686\u0627\u06c1\u06cc\u06d2\u06d4<\/p>\n<p>\u0627\u0633 \u0645\u06cc\u06ba \u0634\u0627\u0645\u0644 \u06c1\u0648\u0646\u0627 \u0686\u0627\u06c1\u0626\u06d2:<\/p>\n<ul>\n<li>\n<p>\u06a9\u0627\u0631\u06a9\u0631\u062f\u06af\u06cc \u06a9\u06d2 \u0645\u0633\u0627\u0626\u0644<\/p>\n<\/li>\n<li>\n<p>\u0645\u0627\u067e\u0627 \u062b\u0628\u0648\u062a<\/p>\n<\/li>\n<li>\n<p>\u0645\u062a\u0627\u062b\u0631\u06c1 \u0635\u0641\u062d\u0627\u062a \u06cc\u0627 \u0648\u0633\u0627\u0626\u0644<\/p>\n<\/li>\n<li>\n<p>\u0645\u0645\u06a9\u0646\u06c1 \u0648\u062c\u06c1<\/p>\n<\/li>\n<li>\n<p>\u067e\u06c1\u0644\u06d2 \u0686\u06cc\u06a9 \u06a9\u0631\u0646\u06d2 \u06a9\u06d2 \u0644\u06cc\u06d2 \u0641\u0627\u0626\u0644\u06cc\u06ba \u06cc\u0627 \u067e\u06cc\u0679\u0631\u0646<\/p>\n<\/li>\n<li>\n<p>\u062a\u062c\u0648\u06cc\u0632 \u06a9\u0631\u062f\u06c1 \u0627\u0635\u0644\u0627\u062d\u0627\u062a<\/p>\n<\/li>\n<li>\n<p>\u062a\u0628\u062f\u06cc\u0644\u06cc \u067e\u0631 \u067e\u0627\u0628\u0646\u062f\u06cc\u0627\u06ba<\/p>\n<\/li>\n<li>\n<p>\u062a\u0635\u062f\u06cc\u0642\u06cc \u0627\u0642\u062f\u0627\u0645\u0627\u062a<\/p>\n<\/li>\n<\/ul>\n<p>\u0630\u06cc\u0644 \u0645\u06cc\u06ba \u0627\u06cc\u06a9 \u0645\u062b\u0627\u0644 \u06a9\u0627 \u0627\u0634\u0627\u0631\u06c1 \u06c1\u06d2:<\/p>\n<pre><code class=\"language-text\">You are helping optimize a Next.js app in a production build.\n\nProblem: Image is 258.1 KB and may be slowing down the page.\nEvidence: Image size = 258.1 KB\nPage: http:\/\/localhost:3000\nAffected resource: http:\/\/localhost:3000\/_next\/image?url=%2Fhome%2Four_story.webp&w=3840&q=75\n\nLikely cause:\nThe page is loading an image that is larger than needed for its rendered size.\n\nInspect first:\n- app\/page.tsx or pages\/index.tsx\n- components\/**\/*.{tsx,jsx}\n- next.config.js\n- the hero section or image component\n\nRecommended fix:\nResize or compress the image, use an appropriate modern format, and keep explicit width and height values so the layout does not shift.\n\nConstraints:\n- Keep the change local to the route or component causing the issue.\n- Do not add a new dependency unless there is no reasonable alternative.\n- Explain the change before applying it.\n\nAfter the change:\n- Re-run the performance audit.\n- Confirm the image transfer size is lower.\n- Confirm the layout still looks correct.\n<\/code><\/pre>\n<p>\u06cc\u06c1 \u067e\u06cc\u063a\u0627\u0645 \u0645\u062e\u0635\u0648\u0635 \u06c1\u06d2\u06d4 \u06cc\u06c1 \u0627\u06cc\u062c\u0646\u0679\u0648\u06ba \u06a9\u0648 \u0628\u062a\u0627\u062a\u0627 \u06c1\u06d2 \u06a9\u06c1 \u06a9\u06cc\u0627 \u06c1\u0648\u0627\u060c \u06a9\u06c1\u0627\u06ba \u062f\u06cc\u06a9\u06be\u0646\u0627 \u06c1\u06d2\u060c \u06a9\u06cc\u0627 \u062a\u0628\u062f\u06cc\u0644 \u06a9\u0631\u0646\u0627 \u06c1\u06d2\u060c \u0627\u0648\u0631 \u0646\u062a\u0627\u0626\u062c \u06a9\u0648 \u06a9\u06cc\u0633\u06d2 \u0686\u06cc\u06a9 \u06a9\u0631\u0646\u0627 \u06c1\u06d2\u06d4<\/p>\n<p>\u06cc\u06c1 AI \u067e\u06cc\u0686 \u0628\u0631\u06cc\u0641\u0646\u06af \u06a9\u0627 \u0628\u0646\u06cc\u0627\u062f\u06cc \u062e\u06cc\u0627\u0644 \u06c1\u06d2\u06d4<\/p>\n<p>\u06cc\u06c1 \u06c1\u06d2 \u06a9\u06c1 PerfLens \u06a9\u0627 \u0627\u0646\u062f\u0631\u0648\u0646\u06cc \u062d\u0635\u06c1 \u06a9\u06cc\u0633\u0627 \u0644\u06af\u062a\u0627 \u06c1\u06d2: \u0627\u06cc\u06a9 \u0648\u0627\u062d\u062f \u06a9\u0627\u0631\u06a9\u0631\u062f\u06af\u06cc \u06a9\u0627 \u0646\u062a\u06cc\u062c\u06c1 \u0627\u06cc\u06a9 AI \u067e\u06cc\u0686 \u06a9\u06d2 \u062c\u0627\u0626\u0632\u06c1 \u0645\u06cc\u06ba \u067e\u06cc\u0634 \u06a9\u06cc\u0627 \u062c\u0627\u062a\u0627 \u06c1\u06d2 \u062c\u0648 \u067e\u06cc\u0645\u0627\u0626\u0634 \u0634\u062f\u06c1 \u0627\u0642\u062f\u0627\u0631\u060c \u0645\u062a\u0627\u062b\u0631\u06c1 \u0648\u0633\u0627\u0626\u0644\u060c \u0627\u0648\u0631 \u067e\u06cc\u062f\u0627 \u06a9\u0631\u062f\u06c1 \u0627\u0634\u0627\u0631\u06d2 \u06a9\u0648 \u0627\u06cc\u06a9 \u062c\u06af\u06c1 \u067e\u0631 \u062c\u0645\u0639 \u06a9\u0631\u062a\u0627 \u06c1\u06d2\u06d4 \u067e\u06be\u0631 \u0627\u06cc\u06a9 \u06a9\u0644\u06a9 \u06a9\u06d2 \u0633\u0627\u062a\u06be \u0627\u067e\u0646\u06d2 \u06a9\u0648\u0688\u0646\u06af \u0627\u06cc\u062c\u0646\u0679 \u06a9\u0648 \u067e\u0648\u0631\u0627 \u062c\u0627\u0626\u0632\u06c1 \u0641\u0631\u0627\u06c1\u0645 \u06a9\u0631\u0646\u06d2 \u06a9\u06d2 \u0644\u06cc\u06d2 &quot;Copy AI Edit Prompt&#8221; \u0628\u0679\u0646 \u067e\u0631 \u06a9\u0644\u06a9 \u06a9\u0631\u06cc\u06ba\u06d4<\/p>\n<h2 id=\"heading-how-to-store-a-performance-finding-as-structured-data\">\u06a9\u0627\u0631\u06a9\u0631\u062f\u06af\u06cc \u06a9\u06d2 \u0633\u0631\u0648\u06d2 \u06a9\u06d2 \u0646\u062a\u0627\u0626\u062c \u06a9\u0648 \u0633\u0679\u0631\u06a9\u0686\u0631\u0688 \u0688\u06cc\u0679\u0627 \u06a9\u06d2 \u0637\u0648\u0631 \u067e\u0631 \u06a9\u06cc\u0633\u06d2 \u0627\u0633\u0679\u0648\u0631 \u06a9\u06cc\u0627 \u062c\u0627\u0626\u06d2\u06d4<\/h2>\n<p>\u067e\u0631\u0627\u0645\u067e\u0679 \u0628\u0646\u0627\u0646\u06d2 \u0633\u06d2 \u067e\u06c1\u0644\u06d2\u060c \u0622\u067e \u06a9\u0648 \u06a9\u0627\u0631\u06a9\u0631\u062f\u06af\u06cc \u06a9\u06d2 \u0645\u0633\u0626\u0644\u06d2 \u06a9\u0648 \u0688\u06cc\u0679\u0627 \u06a9\u06d2 \u0637\u0648\u0631 \u067e\u0631 \u0645\u062d\u0641\u0648\u0638 \u06a9\u0631\u0646\u0627 \u0686\u0627\u06c1\u06cc\u06d2\u06d4<\/p>\n<p>\u06cc\u06c1\u0627\u06ba \u0627\u06cc\u06a9 \u0633\u0627\u062f\u06c1 TypeScript \u0642\u0633\u0645 \u06c1\u06d2:<\/p>\n<pre><code class=\"language-typescript\">type Finding = {\n  id: string;\n  title: string;\n  metric: string;\n  measured: string;\n  budget?: string;\n  resource?: string;\n  likelyCause: string;\n  recommendedFix: string;\n  inspectFirst: string[];\n  severity: \"low\" | \"medium\" | \"high\";\n};\n<\/code><\/pre>\n<p>\u06c1\u0631 \u0634\u0639\u0628\u06d2 \u06a9\u0627 \u0627\u06cc\u06a9 \u06a9\u0627\u0645 \u06c1\u06d2\u06d4<\/p>\n<ul>\n<li>\n<p><code>id<\/code>    \u0645\u0633\u0626\u0644\u06c1 \u06a9\u06cc \u0642\u0633\u0645 \u06a9\u06cc \u0634\u0646\u0627\u062e\u062a \u06a9\u0631\u06cc\u06ba\u06d4<\/p>\n<\/li>\n<li>\n<p><code>title<\/code>    \u0627\u0646\u0633\u0627\u0646\u06cc \u067e\u0691\u06be\u0646\u06d2 \u06a9\u06d2 \u0642\u0627\u0628\u0644 \u062e\u0644\u0627\u0635\u06c1 \u0641\u0631\u0627\u06c1\u0645 \u06a9\u0631\u062a\u0627 \u06c1\u06d2\u06d4<\/p>\n<\/li>\n<li>\n<p><code>metric<\/code>    \u067e\u06cc\u0645\u0627\u0626\u0634 \u06a9\u0627 \u0646\u0627\u0645 \u0628\u062a\u0627\u0626\u06cc\u06ba\u06d4<\/p>\n<\/li>\n<li>\n<p><code>measured<\/code>    \u0627\u0635\u0644 \u0642\u06cc\u0645\u062a \u0630\u062e\u06cc\u0631\u06c1 \u06a9\u0631\u062a\u0627 \u06c1\u06d2\u06d4<\/p>\n<\/li>\n<li>\n<p><code>budget<\/code>    \u0627\u06af\u0631 \u0622\u067e \u06a9\u06d2 \u067e\u0627\u0633 \u0679\u0627\u0631\u06af\u0679 \u0648\u06cc\u0644\u06cc\u0648 \u06c1\u06d2 \u062a\u0648 \u0627\u0633\u06d2 \u0645\u062d\u0641\u0648\u0638 \u06a9\u0631\u06cc\u06ba\u06d4<\/p>\n<\/li>\n<li>\n<p><code>resource<\/code>    \u0645\u062a\u0627\u062b\u0631\u06c1 \u06cc\u0648 \u0622\u0631 \u0627\u06cc\u0644\u060c \u0641\u0627\u0626\u0644 \u06cc\u0627 \u0627\u062b\u0627\u062b\u06c1 \u0645\u062d\u0641\u0648\u0638 \u06a9\u0631\u06cc\u06ba\u06d4<\/p>\n<\/li>\n<li>\n<p><code>likelyCause<\/code>    \u06cc\u06c1 \u0628\u062a\u0627\u062a\u0627 \u06c1\u06d2 \u06a9\u06c1 \u0645\u0633\u0626\u0644\u06c1 \u06a9\u06cc\u0648\u06ba \u067e\u06cc\u062f\u0627 \u06c1\u0648\u062a\u0627 \u06c1\u06d2\u06d4<\/p>\n<\/li>\n<li>\n<p><code>recommendedFix<\/code>    \u0627\u06cc\u062c\u0646\u0679\u0648\u06ba \u06a9\u0648 \u06c1\u062f\u0627\u06cc\u062a \u0641\u0631\u0627\u06c1\u0645 \u06a9\u0631\u062a\u0627 \u06c1\u06d2\u06d4<\/p>\n<\/li>\n<li>\n<p><code>inspectFirst<\/code>    \u0627\u06cc\u062c\u0646\u0679 \u0645\u0645\u06a9\u0646\u06c1 \u0641\u0627\u0626\u0644 \u06a9\u06cc \u0637\u0631\u0641 \u0627\u0634\u0627\u0631\u06c1 \u06a9\u0631\u062a\u0627 \u06c1\u06d2\u06d4<\/p>\n<\/li>\n<li>\n<p><code>severity<\/code>    \u0627\u0633 \u0633\u06d2 \u0622\u067e \u06a9\u0648 \u06cc\u06c1 \u0641\u06cc\u0635\u0644\u06c1 \u06a9\u0631\u0646\u06d2 \u0645\u06cc\u06ba \u0645\u062f\u062f \u0645\u0644\u06d2 \u06af\u06cc \u06a9\u06c1 \u067e\u06c1\u0644\u06d2 \u06a9\u06cc\u0627 \u062f\u06a9\u06be\u0627\u0646\u0627 \u06c1\u06d2\u06d4<\/p>\n<\/li>\n<\/ul>\n<p>\u06cc\u06c1\u0627\u06ba \u0627\u06cc\u06a9 \u0628\u0691\u06cc \u062a\u0635\u0648\u06cc\u0631 \u062a\u0644\u0627\u0634 \u06a9\u0631\u0646\u06d2 \u06a9\u06cc \u0627\u06cc\u06a9 \u0645\u062b\u0627\u0644 \u06c1\u06d2:<\/p>\n<pre><code class=\"language-typescript\">const finding: Finding = {\n  id: \"image-weight\",\n  title: \"Image is 258.1 KB and may be slowing down the page\",\n  metric: \"Image size\",\n  measured: \"258.1 KB\",\n  resource: \"http:\/\/localhost:3000\/_next\/image?url=%2Fhome%2Four_story.webp&w=3840&q=75\",\n  likelyCause:\n    \"The page is loading an image that is larger than needed for its rendered size.\",\n  recommendedFix:\n    \"Resize or compress the image, use an appropriate modern format, and keep explicit width and height values.\",\n  inspectFirst: [\n    \"app\/page.tsx or pages\/index.tsx\",\n    \"components\/**\/*.{tsx,jsx}\",\n    \"next.config.js\",\n    \"the hero section or image component\",\n  ],\n  severity: \"high\",\n};\n<\/code><\/pre>\n<p>\u0627\u0633 \u0645\u0631\u062d\u0644\u06d2 \u067e\u0631 \u06c1\u0645 \u0627\u0628\u06be\u06cc \u062a\u06a9 AI \u06a9\u06d2 \u0633\u0627\u062a\u06be \u06a9\u0686\u06be \u0646\u06c1\u06cc\u06ba \u06a9\u0631 \u0631\u06c1\u06d2 \u06c1\u06cc\u06ba\u06d4 \u06cc\u06c1 \u0635\u0631\u0641 \u06a9\u0627\u0631\u06a9\u0631\u062f\u06af\u06cc \u06a9\u06d2 \u0646\u062a\u06cc\u062c\u06d2 \u06a9\u0648 \u0635\u0627\u0641 \u0622\u0628\u062c\u06cc\u06a9\u0679 \u0645\u06cc\u06ba \u062a\u0628\u062f\u06cc\u0644 \u06a9\u0631\u0646\u0627 \u06c1\u06d2\u06d4<\/p>\n<p>\u0648\u06c1 \u0627\u0639\u062a\u0631\u0627\u0636 \u06a9\u0686\u06be \u0645\u0633\u062a\u062d\u06a9\u0645 \u0641\u0631\u0627\u06c1\u0645 \u06a9\u0631\u062a\u0627 \u06c1\u06d2 \u062c\u0633\u06d2 \u0628\u0639\u062f \u0645\u06cc\u06ba \u0641\u0648\u0631\u06cc \u0637\u0648\u0631 \u067e\u0631 \u062a\u0628\u062f\u06cc\u0644 \u06a9\u06cc\u0627 \u062c\u0627\u0633\u06a9\u062a\u0627 \u06c1\u06d2\u06d4<\/p>\n<h2 id=\"heading-how-to-choose-the-most-important-finding\">\u0633\u0628 \u0633\u06d2 \u0627\u06c1\u0645 \u0646\u062a\u0627\u0626\u062c \u06a9\u0627 \u0627\u0646\u062a\u062e\u0627\u0628 \u06a9\u06cc\u0633\u06d2 \u06a9\u0631\u06cc\u06ba\u06d4<\/h2>\n<p>\u0627\u06cc\u06a9 \u0633\u0627\u062a\u06be \u0627\u06cc\u062c\u0646\u0679 \u06a9\u0648 \u06a9\u0627\u0631\u06a9\u0631\u062f\u06af\u06cc \u06a9\u06d2 10 \u063a\u06cc\u0631 \u0645\u062a\u0639\u0644\u0642\u06c1 \u0645\u0633\u0627\u0626\u0644 \u0646\u06c1 \u0628\u06be\u06cc\u062c\u06cc\u06ba\u06d4<\/p>\n<p>\u0628\u06c1\u062a \u0633\u06d2 \u0645\u0633\u0627\u0626\u0644 \u06a9\u06d2 \u0633\u0627\u062a\u06be \u0627\u06cc\u06a9 \u0628\u0691\u0627 \u0627\u0634\u0627\u0631\u06c1 \u0627\u06cc\u06a9 \u0628\u0691\u06d2 \u067e\u06cc\u0686 \u06a9\u0627 \u0628\u0627\u0639\u062b \u0628\u0646 \u0633\u06a9\u062a\u0627 \u06c1\u06d2\u06d4 \u0627\u0633 \u0633\u06d2 \u0646\u062a\u0627\u0626\u062c \u06a9\u0627 \u062c\u0627\u0626\u0632\u06c1 \u0644\u06cc\u0646\u0627 \u0632\u06cc\u0627\u062f\u06c1 \u0645\u0634\u06a9\u0644 \u06c1\u0648 \u062c\u0627\u062a\u0627 \u06c1\u06d2\u06d4<\/p>\n<p>\u0627\u06cc\u06a9 \u0628\u06c1\u062a\u0631 \u0637\u0631\u06cc\u0642\u06c1 \u06cc\u06c1 \u06c1\u06d2 \u06a9\u06c1 \u0641\u06cc \u0646\u062a\u06cc\u062c\u06c1 \u0627\u06cc\u06a9 \u067e\u0631\u0627\u0645\u067e\u0679 \u0628\u0646\u0627\u06cc\u0627 \u062c\u0627\u0626\u06d2\u06d4<\/p>\n<p>\u0622\u067e \u0627\u06cc\u06a9 \u0633\u0627\u062f\u06c1 \u0633\u06cc\u0648\u0631\u06cc\u0679\u06cc \u0633\u06a9\u0648\u0631 \u06a9\u06d2 \u0633\u0627\u062a\u06be \u0634\u0631\u0648\u0639 \u06a9\u0631 \u0633\u06a9\u062a\u06d2 \u06c1\u06cc\u06ba\u06d4<\/p>\n<pre><code class=\"language-typescript\">function scoreFinding(finding: Finding): number {\n  const severityWeight = {\n    low: 1,\n    medium: 2,\n    high: 3,\n  };\n\n  return severityWeight[finding.severity];\n}\n<\/code><\/pre>\n<p>\u0627\u0633 \u06a9\u06d2 \u0628\u0639\u062f \u0622\u067e \u0646\u062a\u0627\u0626\u062c \u06a9\u0648 \u0633\u06a9\u0648\u0631 \u06a9\u06d2 \u062d\u0633\u0627\u0628 \u0633\u06d2 \u062a\u0631\u062a\u06cc\u0628 \u062f\u06d2 \u0633\u06a9\u062a\u06d2 \u06c1\u06cc\u06ba\u06d4<\/p>\n<pre><code class=\"language-typescript\">function sortFindings(findings: Finding[]): Finding[] {\n  return [...findings].sort(\n    (a, b) => scoreFinding(b) - scoreFinding(a)\n  );\n}\n<\/code><\/pre>\n<p>\u06cc\u06c1 \u0627\u06cc\u06a9 \u0633\u0627\u062f\u06c1 \u0648\u0631\u0698\u0646 \u06c1\u06d2\u060c \u0644\u06cc\u06a9\u0646 \u06cc\u06c1 \u0622\u067e \u06a9\u0648 \u0634\u0631\u0648\u0639 \u06a9\u0631\u0646\u06d2 \u06a9\u06d2 \u0644\u06cc\u06d2 \u06a9\u0627\u0641\u06cc \u06c1\u06d2\u06d4<\/p>\n<p>\u0622\u067e \u0628\u0639\u062f \u0645\u06cc\u06ba \u063a\u0648\u0631 \u06a9\u0631 \u06a9\u06d2 \u0627\u067e\u0646\u06d2 \u0633\u06a9\u0648\u0631 \u06a9\u0648 \u0628\u06c1\u062a\u0631 \u0628\u0646\u0627 \u0633\u06a9\u062a\u06d2 \u06c1\u06cc\u06ba:<\/p>\n<ul>\n<li>\n<p>\u0645\u06cc\u0679\u0631\u06a9 \u0628\u062c\u0679 \u0633\u06d2 \u06a9\u062a\u0646\u0627 \u0628\u0691\u06be \u06af\u06cc\u0627\u06d4<\/p>\n<\/li>\n<li>\n<p>\u06a9\u06cc\u0627 \u0645\u0633\u0626\u0644\u06c1 \u0645\u0648\u0627\u062f \u06a9\u06d2 \u0633\u0627\u062a\u06be \u0632\u06cc\u0627\u062f\u06c1 \u0633\u06d2 \u0632\u06cc\u0627\u062f\u06c1 \u067e\u06cc\u0646\u0679 \u06a9\u0648 \u0645\u062a\u0627\u062b\u0631 \u06a9\u0631\u062a\u0627 \u06c1\u06d2\u061f<\/p>\n<\/li>\n<li>\n<p>\u06a9\u06cc\u0627 \u0645\u0633\u0626\u0644\u06c1 \u062a\u0631\u062a\u06cc\u0628 \u0645\u06cc\u06ba \u062a\u0628\u062f\u06cc\u0644\u06cc\u0648\u06ba \u06cc\u0627 \u062a\u0639\u0627\u0645\u0644 \u0645\u06cc\u06ba \u062a\u0627\u062e\u06cc\u0631 \u06a9\u0648 \u0645\u062a\u0627\u062b\u0631 \u06a9\u0631\u062a\u0627 \u06c1\u06d2\u061f<\/p>\n<\/li>\n<li>\n<p>\u0622\u06cc\u0627 \u0645\u062a\u0627\u062b\u0631\u06c1 \u0648\u0633\u06cc\u0644\u06c1 \u067e\u06c1\u0644\u06d2 \u0635\u0641\u062d\u06c1 \u06a9\u06d2 \u0644\u0648\u0688 \u06a9\u0627 \u062d\u0635\u06c1 \u06c1\u06d2\u06d4<\/p>\n<\/li>\n<li>\n<p>\u0622\u067e \u062a\u062c\u0648\u06cc\u0632 \u06a9\u0631\u062f\u06c1 \u0627\u0635\u0644\u0627\u062d\u0627\u062a \u06a9\u06d2 \u0628\u0627\u0631\u06d2 \u0645\u06cc\u06ba \u06a9\u062a\u0646\u06d2 \u067e\u0631 \u0627\u0639\u062a\u0645\u0627\u062f \u06c1\u06cc\u06ba\u061f<\/p>\n<\/li>\n<\/ul>\n<p>\u0645\u0642\u0635\u062f \u0627\u06cc\u06a9 \u0628\u06c1\u062a\u0631\u06cc\u0646 \u062f\u0631\u062c\u06c1 \u0628\u0646\u062f\u06cc \u06a9\u0627 \u0646\u0638\u0627\u0645 \u0628\u0646\u0627\u0646\u0627 \u0646\u06c1\u06cc\u06ba \u06c1\u06d2\u06d4 \u0645\u0642\u0635\u062f \u0627\u06cc\u06a9 \u0648\u0642\u062a \u0645\u06cc\u06ba \u0627\u06cc\u06a9 \u0627\u06c1\u0645 \u0645\u0633\u0626\u0644\u06d2 \u067e\u0631 \u062a\u0648\u062c\u06c1 \u0645\u0631\u06a9\u0648\u0632 \u06a9\u0631\u0646\u06d2 \u0645\u06cc\u06ba \u0622\u067e \u06a9\u06cc \u0645\u062f\u062f \u06a9\u0631\u0646\u0627 \u06c1\u06d2\u06d4<\/p>\n<h2 id=\"heading-how-to-build-the-ai-fix-prompt\">AI \u0627\u06cc\u0688\u06cc\u0679 \u067e\u0631\u0627\u0645\u067e\u0679 \u06a9\u06cc\u0633\u06d2 \u0644\u06a9\u06be\u06cc\u06ba\u06d4<\/h2>\n<p>\u0627\u06cc\u06a9 \u0628\u0627\u0631 \u0622\u067e <code>Finding<\/code>\u067e\u0631\u0627\u0645\u067e\u0679 \u0628\u0646\u0627\u0646\u0627 \u0633\u0679\u0631\u0646\u06af \u0641\u0627\u0631\u0645\u06cc\u0679\u0646\u06af \u06a9\u0627 \u06a9\u0627\u0645 \u0628\u0646 \u062c\u0627\u062a\u0627 \u06c1\u06d2\u06d4<\/p>\n<p>\u0627\u0633 \u06a9\u06d2 \u0644\u06cc\u06d2 \u0635\u0641\u062d\u06c1 \u06a9\u06d2 \u0633\u06cc\u0627\u0642 \u0648 \u0633\u0628\u0627\u0642 \u06a9\u06cc \u0627\u06cc\u06a9 \u0686\u06be\u0648\u0679\u06cc \u0633\u06cc \u0645\u0642\u062f\u0627\u0631 \u0628\u06be\u06cc \u062f\u0631\u06a9\u0627\u0631 \u06c1\u06d2\u06d4<\/p>\n<pre><code class=\"language-typescript\">type PageContext = {\n  framework: string;\n  mode: string;\n  pageUrl: string;\n};\n<\/code><\/pre>\n<p>\u0635\u0641\u062d\u06c1 \u06a9\u0627 \u0633\u06cc\u0627\u0642 \u0648 \u0633\u0628\u0627\u0642 \u0627\u0633 \u0635\u0641\u062d\u06c1 \u06a9\u06d2 \u0628\u0627\u0631\u06d2 \u0645\u06cc\u06ba \u06a9\u0686\u06be \u062d\u0642\u06cc\u0642\u062a \u06c1\u06d2 \u062c\u0633 \u0633\u06d2 \u0646\u062a\u06cc\u062c\u06c1 \u0622\u06cc\u0627 \u06c1\u06d2\u06d4 \u06cc\u0639\u0646\u06cc\u060c \u0627\u06cc\u067e \u06a9\u0648\u0646 \u0633\u0627 \u0641\u0631\u06cc\u0645 \u0648\u0631\u06a9 \u0627\u0633\u062a\u0639\u0645\u0627\u0644 \u06a9\u0631\u062a\u06cc \u06c1\u06d2\u060c \u0686\u0627\u06c1\u06d2 \u06cc\u06c1 \u0688\u06cc\u0648\u0644\u067e\u0645\u0646\u0679 \u06c1\u06d2 \u06cc\u0627 \u067e\u0631\u0648\u0688\u06a9\u0634\u0646 \u06a9\u06cc \u062a\u0639\u0645\u06cc\u0631\u060c \u0627\u0648\u0631 \u06a9\u0648\u0646 \u0633\u06d2 \u06cc\u0648 \u0622\u0631 \u0627\u06cc\u0644 \u06a9\u0627 \u0622\u0688\u0679 \u06a9\u06cc\u0627 \u062c\u0627 \u0631\u06c1\u0627 \u06c1\u06d2\u06d4<\/p>\n<p>\u0646\u062a\u0627\u0626\u062c \u0627\u06cc\u062c\u0646\u0679 \u06a9\u0648 \u0645\u0637\u0644\u0639 \u06a9\u0631 \u062f\u06cc\u06d2 \u062c\u0627\u062a\u06d2 \u06c1\u06cc\u06ba\u06d4 <em>\u06a9\u06cc\u0627<\/em> \u06cc\u06c1 \u0633\u0633\u062a \u06c1\u06d2\u06d4 \u0635\u0641\u062d\u06c1 \u06a9\u0627 \u0633\u06cc\u0627\u0642 \u0648 \u0633\u0628\u0627\u0642 \u0622\u067e \u06a9\u0648 \u06cc\u06c1 \u0628\u062a\u0627\u062a\u0627 \u06c1\u06d2\u06d4 <em>\u06a9\u06c1\u0627\u06ba<\/em> \u0641\u06a9\u0633 \u0632\u0645\u06cc\u0646\u06cc\u06ba \u0627\u0648\u0631 <em>\u06a9\u0633 \u0637\u0631\u062d<\/em> \u0622\u067e \u06a9\u0627 \u06a9\u0648\u0688 \u0628\u0646\u0627\u06cc\u0627 \u06af\u06cc\u0627 \u06c1\u06d2\u06d4 \u06cc\u06c1 \u0636\u0631\u0648\u0631\u06cc \u06c1\u06d2 \u06a9\u06cc\u0648\u0646\u06a9\u06c1 \u0627\u06cc\u06a9 \u06c1\u06cc \u0645\u0633\u0626\u0644\u06c1 \u0645\u062e\u062a\u0644\u0641 \u0627\u0633\u0679\u06cc\u06a9\u0648\u06ba \u0645\u06cc\u06ba \u0645\u062e\u062a\u0644\u0641 \u0637\u0631\u06cc\u0642\u06d2 \u0633\u06d2 \u062d\u0644 \u06c1\u0648\u062a\u0627 \u06c1\u06d2\u06d4 \u0628\u0691\u06cc \u062a\u0635\u0627\u0648\u06cc\u0631 \u067e\u0631 \u0627\u0633 \u06a9\u06d2 \u0630\u0631\u06cc\u0639\u06d2 \u06a9\u0627\u0631\u0631\u0648\u0627\u0626\u06cc \u06a9\u06cc \u062c\u0627\u062a\u06cc \u06c1\u06d2: <code>next\/image<\/code> \u0627\u0648\u0631 <code>next.config.js<\/code> \u06cc\u06c1 Next.js \u0645\u06cc\u06ba \u0645\u0645\u06a9\u0646 \u06c1\u06d2\u060c \u0644\u06cc\u06a9\u0646 \u062f\u0648\u0633\u0631\u06cc \u062c\u06af\u06c1\u0648\u06ba \u067e\u0631 \u0645\u062e\u062a\u0644\u0641 \u0641\u0627\u0626\u0644\u0648\u06ba \u0627\u0648\u0631 \u0642\u0648\u0627\u0639\u062f \u06a9\u06d2 \u0630\u0631\u06cc\u0639\u06d2\u06d4 \u06a9\u06c1 <code>mode<\/code> \u0641\u06cc\u0644\u0688 \u0627\u0633 \u0628\u0627\u062a \u06a9\u0627 \u0628\u06be\u06cc \u0627\u0634\u0627\u0631\u06c1 \u06a9\u0631\u062a\u0627 \u06c1\u06d2 \u06a9\u06c1 \u0622\u06cc\u0627 \u067e\u06cc\u062f\u0627\u0648\u0627\u0631 \u06a9\u06cc \u0627\u0635\u0644\u0627\u062d \u067e\u06c1\u0644\u06d2 \u0633\u06d2 \u0645\u0648\u062c\u0648\u062f \u06c1\u0648\u0646\u06cc \u0686\u0627\u06c1\u06cc\u06d2\u06d4<\/p>\n<p>\u0627\u06cc\u062c\u0646\u0679\u0648\u06ba \u06a9\u0648 \u06cc\u06c1 \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u067e\u06c1\u0644\u06d2 \u0633\u06d2 \u0641\u0631\u0627\u06c1\u0645 \u06a9\u0631\u0646\u06d2 \u0633\u06d2 \u0648\u06c1 \u0633\u06cc\u0679\u0646\u06af\u0632 \u06a9\u0627 \u0627\u0646\u062f\u0627\u0632\u06c1 \u0644\u06af\u0627\u0646\u06d2 \u0645\u06cc\u06ba \u06a9\u0645 \u0645\u062d\u0646\u062a \u0627\u0648\u0631 \u062d\u0642\u06cc\u0642\u06cc \u062a\u0628\u062f\u06cc\u0644\u06cc\u0648\u06ba \u06a9\u06d2 \u0644\u06cc\u06d2 \u0632\u06cc\u0627\u062f\u06c1 \u06a9\u0648\u0634\u0634\u06cc\u06ba \u06a9\u0631 \u0633\u06a9\u062a\u06d2 \u06c1\u06cc\u06ba\u06d4<\/p>\n<p>\u0627\u0633 \u06a9\u06d2 \u0628\u0639\u062f \u0622\u067e \u0641\u0648\u0631\u06cc \u0628\u0644\u0688\u0631 \u0628\u0646\u0627 \u0633\u06a9\u062a\u06d2 \u06c1\u06cc\u06ba\u06d4<\/p>\n<pre><code class=\"language-typescript\">function buildFixPrompt(finding: Finding, ctx: PageContext): string {\n  const lines = [\n    \"You are helping optimize a \" + ctx.framework + \" app in a \" + ctx.mode + \" build.\",\n    \"\",\n    \"Problem: \" + finding.title,\n    \"Evidence: \" + finding.metric + \" = \" + finding.measured +\n      (finding.budget ? \" (budget: \" + finding.budget + \")\" : \"\"),\n    \"Page: \" + ctx.pageUrl,\n  ];\n\n  if (finding.resource) {\n    lines.push(\"Affected resource: \" + finding.resource);\n  }\n\n  lines.push(\n    \"\",\n    \"Likely cause:\",\n    finding.likelyCause,\n    \"\",\n    \"Inspect first:\",\n    ...finding.inspectFirst.map((file) => \"- \" + file),\n    \"\",\n    \"Recommended fix:\",\n    finding.recommendedFix,\n    \"\",\n    \"Constraints:\",\n    \"- Keep the change local to the route or component causing the measured cost.\",\n    \"- Do not add new dependencies unless there is no reasonable alternative.\",\n    \"- Explain the change before applying it.\",\n    \"\",\n    \"After the change:\",\n    \"- Re-run the performance audit.\",\n    \"- Confirm the measured issue improved.\",\n    \"- Check that the UI still works correctly.\",\n  );\n\n  return lines.join(\"n\");\n}\n<\/code><\/pre>\n<p>\u0622\u067e \u0627\u0633\u06d2 \u0627\u0633 \u0637\u0631\u062d \u06a9\u06c1\u06c1 \u0633\u06a9\u062a\u06d2 \u06c1\u06cc\u06ba:<\/p>\n<pre><code class=\"language-typescript\">const pageContext: PageContext = {\n  framework: \"Next.js\",\n  mode: \"production\",\n  pageUrl: \"http:\/\/localhost:3000\",\n};\n\nconst prompt = buildFixPrompt(finding, pageContext);\n<\/code><\/pre>\n<p>\u0622\u0624\u0679 \u067e\u0679 \u0627\u06cc\u06a9 \u067e\u0631\u0627\u0645\u067e\u0679 \u06c1\u06d2 \u062c\u0633\u06d2 \u0622\u067e \u0627\u067e\u0646\u06d2 \u06a9\u0648\u0688\u0646\u06af \u0627\u06cc\u062c\u0646\u0679 \u0645\u06cc\u06ba \u0686\u0633\u067e\u0627\u06ba \u06a9\u0631 \u0633\u06a9\u062a\u06d2 \u06c1\u06cc\u06ba\u06d4<\/p>\n<p>\u06a9\u06c1 <code>framework<\/code> \u0641\u06cc\u0644\u0688\u0632 \u062e\u0627\u0635 \u0637\u0648\u0631 \u067e\u0631 \u0645\u0641\u06cc\u062f \u06c1\u06cc\u06ba\u06d4 \u0627\u06af\u0631 \u0627\u06cc\u062c\u0646\u0679 \u062c\u0627\u0646\u062a\u0627 \u06c1\u06d2 \u06a9\u06c1 \u0622\u067e \u06a9\u06cc \u0627\u06cc\u067e Next.js \u0627\u0633\u062a\u0639\u0645\u0627\u0644 \u06a9\u0631\u062a\u06cc \u06c1\u06d2\u060c \u062a\u0648 \u0648\u06c1 \u0627\u0633 \u0637\u0631\u062d \u06a9\u06cc \u0641\u0627\u0626\u0644\u06cc\u06ba \u062a\u0644\u0627\u0634 \u06a9\u0631 \u0633\u06a9\u062a\u0627 \u06c1\u06d2: <code>app\/page.tsx<\/code>\u060c <code>pages\/index.tsx<\/code>\u060c <code>next.config.js<\/code>\u0627\u0648\u0631 \u062a\u0635\u0627\u0648\u06cc\u0631 \u06a9\u06d2 \u0627\u0633\u062a\u0639\u0645\u0627\u0644 \u06a9\u06d2 \u0630\u0631\u06cc\u0639\u06d2\u06d4 <code>next\/image<\/code>.<\/p>\n<h2 id=\"heading-how-to-copy-the-prompt-to-the-clipboard\">\u06a9\u0644\u067e \u0628\u0648\u0631\u0688 \u067e\u0631 \u067e\u0631\u0627\u0645\u067e\u0679 \u06a9\u0627\u067e\u06cc \u06a9\u0631\u0646\u06d2 \u06a9\u0627 \u0637\u0631\u06cc\u0642\u06c1<\/h2>\n<p>\u0633\u0628 \u0633\u06d2 \u0645\u062d\u0641\u0648\u0638 \u0627\u0646\u0636\u0645\u0627\u0645 \u06a9\u0644\u067e \u0628\u0648\u0631\u0688-\u067e\u06c1\u0644\u0627 \u06c1\u06d2\u06d4<\/p>\n<p>\u0628\u06c1\u062a \u0633\u06d2 \u06a9\u0648\u0688\u0646\u06af \u0627\u06cc\u062c\u0646\u0679\u0633 \u0627\u0648\u0631 \u0627\u06cc\u0688\u06cc\u0679\u0631\u0632 \u0645\u062e\u062a\u0644\u0641 \u0627\u0633\u0679\u0627\u0631\u0679 \u0627\u067e \u0637\u0631\u06cc\u0642\u0648\u06ba \u06a9\u06cc \u062d\u0645\u0627\u06cc\u062a \u06a9\u0631\u062a\u06d2 \u06c1\u06cc\u06ba\u06d4 \u06a9\u0686\u06be \u06af\u06c1\u0631\u06d2 \u0631\u0628\u0637 \u06a9\u06cc \u062d\u0645\u0627\u06cc\u062a \u06a9\u0631\u062a\u06d2 \u06c1\u06cc\u06ba\u06d4 \u06a9\u0686\u06be \u0679\u0631\u0645\u06cc\u0646\u0644 \u0645\u06cc\u06ba \u0686\u0644\u062a\u06d2 \u06c1\u06cc\u06ba\u06d4 \u06a9\u0686\u06be \u0627\u06cc\u0688\u06cc\u0679\u0631 \u06a9\u06d2 \u0627\u0646\u062f\u0631 \u0631\u06c1\u062a\u06d2 \u06c1\u06cc\u06ba\u06d4 \u062a\u0627\u06c1\u0645\u060c \u062a\u0645\u0627\u0645 \u0627\u06cc\u062c\u0646\u0679 \u0686\u0633\u067e\u0627\u06ba \u0645\u062a\u0646 \u06a9\u0648 \u0642\u0628\u0648\u0644 \u06a9\u0631 \u0633\u06a9\u062a\u06d2 \u06c1\u06cc\u06ba\u06d4<\/p>\n<p>\u06cc\u06c1\u0627\u06ba \u0627\u06cc\u06a9 \u0686\u06be\u0648\u0679\u0627 \u0633\u0627 \u06a9\u0627\u067e\u06cc \u0641\u0646\u06a9\u0634\u0646 \u06c1\u06d2:<\/p>\n<pre><code class=\"language-typescript\">async function copyPrompt(prompt: string): Promise<void> {\n  await navigator.clipboard.writeText(prompt);\n}\n<\/void><\/code><\/pre>\n<p>\u0628\u0631\u0627\u0624\u0632\u0631 \u0627\u06cc\u06a9\u0633\u0679\u06cc\u0646\u0634\u0646 UI \u0645\u06cc\u06ba\u060c \u0635\u0627\u0631\u0641 \u06a9\u06d2 \u0627\u0639\u0645\u0627\u0644 \u062c\u06cc\u0633\u06d2 \u0628\u0679\u0646 \u06a9\u0627\u0644 \u067e\u0631 \u06a9\u0644\u06a9 \u06a9\u0631\u0646\u0627:<\/p>\n<pre><code class=\"language-typescript\">copyButton.addEventListener(\"click\", async () => {\n  const prompt = buildFixPrompt(finding, pageContext);\n\n  await copyPrompt(prompt);\n\n  copyButton.textContent = \"Prompt copied\";\n});\n<\/code><\/pre>\n<p>\u0622\u067e \u067e\u0631\u0627\u0645\u067e\u0679 \u06a9\u0648 \u06a9\u0627\u067e\u06cc \u06a9\u0631\u0646\u06d2 \u0627\u0648\u0631 \u0627\u0633\u06d2 \u0627\u06cc\u0688\u06cc\u0679\u0631 \u0645\u06cc\u06ba \u06a9\u06be\u0648\u0644\u0646\u06d2 \u06a9\u06cc \u0628\u06be\u06cc \u06a9\u0648\u0634\u0634 \u06a9\u0631 \u0633\u06a9\u062a\u06d2 \u06c1\u06cc\u06ba\u06d4<\/p>\n<pre><code class=\"language-typescript\">type AgentTarget = \"cursor\" | \"vscode\" | \"copy-only\";\n\nasync function sendToAgent(\n  prompt: string,\n  target: AgentTarget\n): Promise<void> {\n  await navigator.clipboard.writeText(prompt);\n\n  if (target === \"cursor\") {\n    window.location.href = \"https:\/\/www.freecodecamp.org\/news\/how-to-turn-performance-audits-into-ai-fix-prompts-with-a-devtools-extension\/cursor:\/\/\";\n    return;\n  }\n\n  if (target === \"vscode\") {\n    window.location.href = \"vscode:\/\/\";\n    return;\n  }\n}\n<\/void><\/code><\/pre>\n<p>\u06cc\u06c1 \u067e\u0631\u0627\u0645\u067e\u0679\u0633 \u06a9\u0648 \u0627\u06cc\u062c\u0646\u0679 \u0645\u06cc\u06ba \u062e\u0648\u062f \u0628\u062e\u0648\u062f \u0686\u0633\u067e\u0627\u06ba \u06c1\u0648\u0646\u06d2 \u0633\u06d2 \u0631\u0648\u06a9 \u062f\u06d2 \u06af\u0627\u06d4 \u0635\u0631\u0641 \u067e\u0631\u0627\u0645\u067e\u0679 \u06a9\u0648 \u06a9\u0627\u067e\u06cc \u06a9\u0631\u062a\u0627 \u06c1\u06d2 \u0627\u0648\u0631 \u0645\u0646\u062a\u062e\u0628 \u0679\u0648\u0644 \u06a9\u0648 \u06a9\u06be\u0648\u0644\u0646\u06d2 \u06a9\u06cc \u06a9\u0648\u0634\u0634 \u06a9\u0631\u062a\u0627 \u06c1\u06d2\u06d4<\/p>\n<p>\u06cc\u06c1 \u0627\u06cc\u06a9 \u0645\u0641\u06cc\u062f \u062d\u062f \u06c1\u06d2\u06d4 \u0622\u067e \u0627\u067e\u0646\u06d2 \u0648\u0631\u06a9 \u0641\u0644\u0648 \u06a9\u0648 \u0642\u0627\u0628\u0644 \u0642\u06cc\u0627\u0633 \u0631\u06a9\u06be \u0633\u06a9\u062a\u06d2 \u06c1\u06cc\u06ba \u0627\u0648\u0631 \u067e\u06cc\u063a\u0627\u0645\u0627\u062a \u0628\u06be\u06cc\u062c\u0646\u06d2 \u0633\u06d2 \u067e\u06c1\u0644\u06d2 \u0627\u0646 \u06a9\u0627 \u062c\u0627\u0626\u0632\u06c1 \u0644\u06d2 \u0633\u06a9\u062a\u06d2 \u06c1\u06cc\u06ba\u06d4<\/p>\n<p>\u0622\u067e \u0627\u0633\u06d2 \u06a9\u0631\u0648\u0645 \u0627\u06cc\u06a9\u0633\u0679\u06cc\u0646\u0634\u0646 \u06a9\u06d2 \u0637\u0648\u0631 \u067e\u0631 \u0688\u06cc\u0648 \u0679\u0648\u0644\u0632 \u067e\u06cc\u0646\u0644 \u0645\u06cc\u06ba \u0638\u0627\u06c1\u0631 \u06a9\u0631\u0646\u06d2 \u06a9\u06d2 \u0644\u06cc\u06d2 \u0628\u0646\u0627 \u0633\u06a9\u062a\u06d2 \u06c1\u06cc\u06ba\u06d4<\/p>\n<p>\u067e\u06c1\u0644\u06d2\u060c DevTools \u0635\u0641\u062d\u06c1 \u06a9\u06be\u0648\u0644\u06cc\u06ba\u06d4 <code>manifest.json<\/code> \u0641\u0627\u0626\u0644:<\/p>\n<pre><code class=\"language-json\">{\n  \"manifest_version\": 3,\n  \"name\": \"PerfLens\",\n  \"version\": \"1.0.0\",\n  \"devtools_page\": \"devtools.html\",\n  \"permissions\": [\"clipboardWrite\", \"activeTab\", \"scripting\"]\n}\n<\/code><\/pre>\n<p>\u067e\u06be\u0631 \u0627\u067e\u0646\u06d2 DevTools \u0627\u0633\u06a9\u0631\u067e\u0679 \u0645\u06cc\u06ba \u067e\u06cc\u0646\u0644 \u0628\u0646\u0627\u0626\u06cc\u06ba\u06d4<\/p>\n<pre><code class=\"language-typescript\">chrome.devtools.panels.create(\n  \"PerfLens\",\n  \"icons\/icon-32.png\",\n  \"panel.html\"\n);\n<\/code><\/pre>\n<p>\u06c1\u0631 \u0646\u062a\u06cc\u062c\u06c1 \u06a9\u0648 \u067e\u06cc\u0634 \u06a9\u0631\u0646\u06d2 \u06a9\u06d2 \u0644\u06cc\u06d2 \u067e\u06cc\u0646\u0644 \u06a9\u06d2 \u0627\u0646\u062f\u0631 \u0645\u0648\u062c\u0648\u062f \u0628\u0679\u0646\u0648\u06ba \u06a9\u0627 \u0627\u0633\u062a\u0639\u0645\u0627\u0644 \u06a9\u0631\u06cc\u06ba\u06d4<\/p>\n<pre><code class=\"language-typescript\">function renderFinding(\n  finding: Finding,\n  ctx: PageContext\n): HTMLElement {\n  const item = document.createElement(\"article\");\n  const title = document.createElement(\"h3\");\n  const button = document.createElement(\"button\");\n\n  title.textContent = finding.title;\n  button.textContent = \"Copy AI fix prompt\";\n\n  button.addEventListener(\"click\", async () => {\n    const prompt = buildFixPrompt(finding, ctx);\n\n    await sendToAgent(prompt, \"copy-only\");\n\n    button.textContent = \"Prompt copied\";\n  });\n\n  item.append(title, button);\n\n  return item;\n}\n<\/code><\/pre>\n<p>\u0627\u06c1\u0645 \u062d\u0635\u06c1 \u0628\u0679\u0646 \u06c1\u06cc\u0646\u0688\u0644\u0631 \u06c1\u06d2\u06d4<\/p>\n<p>\u062c\u0628 \u0622\u067e \u0628\u0679\u0646 \u067e\u0631 \u06a9\u0644\u06a9 \u06a9\u0631\u062a\u06d2 \u06c1\u06cc\u06ba \u062a\u0648 \u062a\u0648\u0633\u06cc\u0639 \u06a9\u06cc \u062e\u0635\u0648\u0635\u06cc\u0627\u062a:<\/p>\n<ol>\n<li>\n<p>\u06a9\u0627\u0631\u06a9\u0631\u062f\u06af\u06cc \u06a9\u06d2 \u0646\u062a\u0627\u0626\u062c \u0633\u06d2 \u0627\u0634\u0627\u0631\u06d2 \u0628\u0646\u0627\u0626\u06cc\u06ba\u06d4<\/p>\n<\/li>\n<li>\n<p>\u067e\u0631\u0627\u0645\u067e\u0679 \u06a9\u0648 \u06a9\u0644\u067e \u0628\u0648\u0631\u0688 \u067e\u0631 \u06a9\u0627\u067e\u06cc \u06a9\u0631\u06cc\u06ba\u06d4<\/p>\n<\/li>\n<li>\n<p>\u062a\u0627\u062b\u0631\u0627\u062a \u0641\u0631\u0627\u06c1\u0645 \u06a9\u0631\u062a\u0627 \u06c1\u06d2 \u06a9\u06c1 \u067e\u0631\u0627\u0645\u067e\u0679 \u06a9\u0627\u067e\u06cc \u06a9\u0631 \u062f\u06cc\u0627 \u06af\u06cc\u0627 \u06c1\u06d2\u06d4<\/p>\n<\/li>\n<\/ol>\n<p>\u0627\u0633 \u06a9\u06d2 \u0628\u0639\u062f \u0622\u067e \u0627\u067e\u0646\u06d2 \u06a9\u0648\u0688\u0646\u06af \u0627\u06cc\u062c\u0646\u0679 \u0645\u06cc\u06ba \u067e\u0631\u0627\u0645\u067e\u0679 \u06a9\u0648 \u0686\u0633\u067e\u0627\u06ba \u06a9\u0631 \u0633\u06a9\u062a\u06d2 \u06c1\u06cc\u06ba \u0627\u0648\u0631 \u062a\u062c\u0648\u06cc\u0632 \u06a9\u0631\u062f\u06c1 \u067e\u06cc\u0686 \u06a9\u0627 \u062c\u0627\u0626\u0632\u06c1 \u0644\u06d2 \u0633\u06a9\u062a\u06d2 \u06c1\u06cc\u06ba\u06d4<\/p>\n<h2 id=\"heading-how-to-verify-the-fix\">\u062a\u0631\u0645\u06cc\u0645 \u06a9\u06cc \u062c\u0627\u0646\u0686 \u06a9\u06cc\u0633\u06d2 \u06a9\u0631\u06cc\u06ba\u06d4<\/h2>\n<p>AI \u0633\u06d2 \u062a\u06cc\u0627\u0631 \u06a9\u0631\u062f\u06c1 \u067e\u06cc\u0686 \u0635\u0631\u0641 \u0627\u0633 \u0635\u0648\u0631\u062a \u0645\u06cc\u06ba \u0645\u0641\u06cc\u062f \u06c1\u06cc\u06ba \u062c\u0628 \u0648\u06c1 \u0622\u067e \u06a9\u06d2 \u0645\u06cc\u0679\u0631\u06a9\u0633 \u06a9\u0648 \u0628\u06c1\u062a\u0631 \u0628\u0646\u0627\u0626\u06cc\u06ba\u06d4<\/p>\n<p>\u0627\u06cc\u062c\u0646\u0679 \u06a9\u06cc \u062a\u0628\u062f\u06cc\u0644\u06cc \u06a9\u06cc \u062a\u062c\u0648\u06cc\u0632 \u06a9\u06d2 \u0628\u0639\u062f\u060c \u0622\u067e \u06a9\u0648:<\/p>\n<ol>\n<li>\n<p>\u06a9\u0648\u0688 \u06a9\u06d2 \u0641\u0631\u0642 \u06a9\u0627 \u062c\u0627\u0626\u0632\u06c1 \u0644\u06cc\u06ba\u06d4<\/p>\n<\/li>\n<li>\n<p>\u0627\u06cc\u067e \u06a9\u0648 \u0645\u0642\u0627\u0645\u06cc \u0637\u0648\u0631 \u067e\u0631 \u0686\u0644\u0627\u0626\u06cc\u06ba\u06d4<\/p>\n<\/li>\n<li>\n<p>\u0628\u0631\u0627\u06c1 \u06a9\u0631\u0645 \u0635\u0641\u062d\u06c1 \u062f\u0648\u0628\u0627\u0631\u06c1 \u0644\u0648\u0688 \u06a9\u0631\u06cc\u06ba\u06d4<\/p>\n<\/li>\n<li>\n<p>\u06a9\u0627\u0631\u06a9\u0631\u062f\u06af\u06cc \u06a9\u0627 \u0622\u0688\u0679 \u062f\u0648\u0628\u0627\u0631\u06c1 \u0686\u0644\u0627\u0626\u06cc\u06ba\u06d4<\/p>\n<\/li>\n<li>\n<p>\u0646\u0626\u06cc \u067e\u06cc\u0645\u0627\u0626\u0634\u0648\u06ba \u06a9\u0627 \u0627\u0635\u0644 \u067e\u06cc\u0645\u0627\u0626\u0634 \u0633\u06d2 \u0645\u0648\u0627\u0632\u0646\u06c1 \u06a9\u0631\u06cc\u06ba\u06d4<\/p>\n<\/li>\n<\/ol>\n<p>\u062a\u0635\u0648\u06cc\u0631 \u06a9\u06cc \u0645\u062b\u0627\u0644 \u06a9\u06d2 \u0644\u06cc\u06d2\u060c \u062f\u0631\u062c \u0630\u06cc\u0644 \u06a9\u0648 \u0686\u06cc\u06a9 \u06a9\u0631\u06cc\u06ba:<\/p>\n<ul>\n<li>\n<p>\u06a9\u06cc\u0627 \u062a\u0635\u0648\u06cc\u0631 \u06a9\u06cc \u0645\u0646\u062a\u0642\u0644\u06cc \u06a9\u0627 \u0633\u0627\u0626\u0632 \u06a9\u0645 \u06c1\u0648 \u06af\u06cc\u0627 \u06c1\u06d2\u061f<\/p>\n<\/li>\n<li>\n<p>\u06a9\u06cc\u0627 \u062a\u0635\u0648\u06cc\u0631 \u0627\u0628 \u0628\u06be\u06cc \u06a9\u0627\u0641\u06cc \u062a\u06cc\u0632 \u0646\u0638\u0631 \u0622\u062a\u06cc \u06c1\u06d2\u061f<\/p>\n<\/li>\n<li>\n<p>\u06a9\u06cc\u0627 \u0635\u0641\u062d\u06c1 \u06a9\u06cc \u062a\u0631\u062a\u06cc\u0628 \u0645\u0633\u062a\u062d\u06a9\u0645 \u06c1\u06d2\u061f<\/p>\n<\/li>\n<li>\n<p>\u06a9\u06cc\u0627 \u0645\u0648\u0627\u062f \u06a9\u06d2 \u0633\u0627\u062a\u06be \u0632\u06cc\u0627\u062f\u06c1 \u0633\u06d2 \u0632\u06cc\u0627\u062f\u06c1 \u067e\u06cc\u0646\u0679 \u0645\u06cc\u06ba \u0628\u06c1\u062a\u0631\u06cc \u0622\u0626\u06cc \u06c1\u06d2\u061f<\/p>\n<\/li>\n<li>\n<p>\u06a9\u06cc\u0627 \u062a\u0628\u062f\u06cc\u0644\u06cc\u0648\u06ba \u0646\u06d2 \u062f\u0648\u0633\u0631\u06d2 \u0631\u0627\u0633\u062a\u0648\u06ba \u06a9\u0648 \u0645\u062a\u0627\u062b\u0631 \u06a9\u06cc\u0627\u061f<\/p>\n<\/li>\n<\/ul>\n<p>\u06cc\u06c1 \u0627\u06cc\u06a9 \u0633\u0627\u062f\u06c1 \u0644\u0648\u067e \u0628\u0646\u0627\u062a\u0627 \u06c1\u06d2\u06d4<\/p>\n<pre><code class=\"language-text\">Measure -> Prompt -> Patch -> Measure again\n<\/code><\/pre>\n<p>\u0627\u06cc\u062c\u0646\u0679 \u06a9\u06d2 \u062c\u0648\u0627\u0628\u0627\u062a \u06a9\u0648 \u062d\u062a\u0645\u06cc \u0627\u062e\u062a\u06cc\u0627\u0631 \u0646\u06c1\u06cc\u06ba \u0633\u0645\u062c\u06be\u0627 \u062c\u0627\u0646\u0627 \u0686\u0627\u06c1\u06cc\u06d2\u06d4 \u0628\u0631\u0627\u0624\u0632\u0631 \u06a9\u06cc \u067e\u06cc\u0645\u0627\u0626\u0634 \u062d\u062a\u0645\u06cc \u0627\u062a\u06be\u0627\u0631\u0679\u06cc \u06c1\u06d2\u06d4<\/p>\n<h2 id=\"heading-how-this-fits-alongside-lighthouse\">\u06cc\u06c1 \u0644\u0627\u0626\u0679 \u06c1\u0627\u0624\u0633 \u06a9\u06d2 \u0633\u0627\u062a\u06be \u06a9\u06cc\u0633\u06d2 \u0641\u0679 \u0628\u06cc\u0679\u06be\u062a\u0627 \u06c1\u06d2\u061f<\/h2>\n<p>\u0644\u0627\u0626\u0679 \u06c1\u0627\u0624\u0633 \u0627\u0628 \u0628\u06be\u06cc \u06a9\u0627\u0631\u0622\u0645\u062f \u06c1\u06cc\u06ba\u06d4 \u062a\u0641\u0635\u06cc\u0644\u06cc \u0644\u06cc\u0628\u0627\u0631\u0679\u0631\u06cc \u0622\u0688\u0679 \u0627\u0648\u0631 \u0645\u0633\u062a\u0642\u0644 \u0627\u0633\u06a9\u0648\u0631 \u0641\u0631\u0627\u06c1\u0645 \u06a9\u0631\u062a\u0627 \u06c1\u06d2\u06d4 \u06cc\u06c1 \u0648\u0631\u06a9 \u0641\u0644\u0648 \u0627\u06cc\u06a9 \u0627\u0648\u0631 \u0645\u0633\u0626\u0644\u06c1 \u062d\u0644 \u06a9\u0631\u062a\u0627 \u06c1\u06d2\u06d4<\/p>\n<p>\u0644\u0627\u0626\u0679 \u06c1\u0627\u0624\u0633 \u062c\u0648\u0627\u0628 \u0641\u0631\u0627\u06c1\u0645 \u06a9\u0631\u062a\u0627 \u06c1\u06d2:<\/p>\n<pre><code class=\"language-text\">How does this page perform under controlled conditions?\n<\/code><\/pre>\n<p>AI \u067e\u06cc\u0686 \u06a9\u0627 \u062c\u0627\u0626\u0632\u06c1 \u062f\u0631\u062c \u0630\u06cc\u0644 \u0633\u0648\u0627\u0644\u0627\u062a \u06a9\u06d2 \u062c\u0648\u0627\u0628\u0627\u062a \u062f\u06cc\u0646\u06d2 \u0645\u06cc\u06ba \u0622\u067e \u06a9\u06cc \u0645\u062f\u062f \u06a9\u0631\u06d2 \u06af\u0627\u06d4<\/p>\n<pre><code class=\"language-text\">What should I ask my coding agent to fix right now?\n<\/code><\/pre>\n<p>\u0622\u067e \u062f\u0648\u0646\u0648\u06ba \u0627\u0633\u062a\u0639\u0645\u0627\u0644 \u06a9\u0631 \u0633\u06a9\u062a\u06d2 \u06c1\u06cc\u06ba\u06d4<\/p>\n<p>\u06af\u0631\u06cc\u0688\u0646\u06af\u060c \u0631\u06cc\u06af\u0631\u06cc\u0634\u0646 \u0679\u0631\u06cc\u06a9\u0646\u06af\u060c \u0627\u0648\u0631 \u06af\u06c1\u0631\u06cc \u0622\u0688\u06cc\u0679\u0646\u06af \u06a9\u06d2 \u0644\u06cc\u06d2 \u0644\u0627\u0626\u0679 \u06c1\u0627\u0624\u0633 \u06a9\u0627 \u0627\u0633\u062a\u0639\u0645\u0627\u0644 \u06a9\u0631\u06cc\u06ba\u06d4 \u0645\u062e\u0635\u0648\u0635 \u0646\u062a\u0627\u0626\u062c \u0633\u06d2 \u062a\u06cc\u0632\u06cc \u0633\u06d2 \u06a9\u0648\u0688 \u06a9\u06cc \u062a\u0628\u062f\u06cc\u0644\u06cc\u0648\u06ba \u06a9\u06cc \u0637\u0631\u0641 \u062c\u0627\u0646\u06d2 \u06a9\u06d2 \u0644\u06cc\u06d2 AI \u0633\u06d2 \u0627\u0634\u0627\u0631\u06c1 \u06a9\u06cc\u06d2 \u06af\u0626\u06d2 \u0648\u0631\u06a9 \u0641\u0644\u0648\u0632 \u06a9\u0627 \u0627\u0633\u062a\u0639\u0645\u0627\u0644 \u06a9\u0631\u06cc\u06ba\u06d4<\/p>\n<h2 id=\"heading-a-note-on-privacy\">\u0631\u0627\u0632\u062f\u0627\u0631\u06cc \u067e\u0631 \u0646\u0648\u0679 \u06a9\u0631\u06cc\u06ba\u06d4<\/h2>\n<p>AI \u062a\u0631\u0645\u06cc\u0645 \u06a9\u06d2 \u0627\u0634\u0627\u0631\u06d2 \u0645\u06cc\u06ba URL\u060c \u0648\u0633\u0627\u0626\u0644 \u06a9\u0627 \u0646\u0627\u0645\u060c \u0631\u0627\u0633\u062a\u06c1\u060c \u0641\u0627\u0626\u0644 \u06a9\u0627 \u0646\u0627\u0645\u060c \u0627\u0648\u0631 \u0646\u0641\u0627\u0630 \u06a9\u06cc \u062a\u0641\u0635\u06cc\u0644\u0627\u062a \u0634\u0627\u0645\u0644 \u06c1\u0648\u0633\u06a9\u062a\u06cc \u06c1\u06cc\u06ba\u06d4<\/p>\n<p>\u0627\u067e\u0646\u06d2 \u06a9\u0644\u0627\u0624\u0688 \u0628\u06cc\u0633\u0688 \u06a9\u0648\u0688\u0646\u06af \u0627\u06cc\u062c\u0646\u0679 \u0645\u06cc\u06ba \u067e\u0631\u0627\u0645\u067e\u0679 \u06a9\u0648 \u0686\u0633\u067e\u0627\u06ba \u06a9\u0631\u0646\u06d2 \u0633\u06d2 \u067e\u06c1\u0644\u06d2\u060c \u06cc\u0642\u06cc\u0646\u06cc \u0628\u0646\u0627\u0626\u06cc\u06ba \u06a9\u06c1 \u0627\u0633 \u0645\u06cc\u06ba \u06cc\u06c1 \u0634\u0627\u0645\u0644 \u0646\u06c1\u06cc\u06ba \u06c1\u06d2:<\/p>\n<p>\u067e\u0631\u0627\u0645\u067e\u0679\u0633 \u06a9\u0648 \u06a9\u0627\u0631\u06a9\u0631\u062f\u06af\u06cc \u06a9\u06d2 \u0645\u0633\u0627\u0626\u0644 \u067e\u0631 \u0645\u0631\u06a9\u0648\u0632 \u0631\u06a9\u06be\u06cc\u06ba\u06d4 \u0627\u06cc\u062c\u0646\u0679\u0648\u06ba \u06a9\u0648 \u0627\u0646 \u06a9\u06cc \u0645\u062f\u062f \u06a9\u06d2 \u0644\u06cc\u06d2 \u06a9\u0627\u0641\u06cc \u0633\u06cc\u0627\u0642 \u0648 \u0633\u0628\u0627\u0642 \u062f\u06cc\u06ba\u060c \u0644\u06cc\u06a9\u0646 \u0627\u0646 \u06a9\u06cc \u0636\u0631\u0648\u0631\u062a \u0633\u06d2 \u0632\u06cc\u0627\u062f\u06c1 \u0646\u06c1\u06cc\u06ba\u06d4<\/p>\n<h2 id=\"heading-conclusion\">\u0646\u062a\u06cc\u062c\u06c1<\/h2>\n<p>\u0627\u0633 \u0679\u06cc\u0648\u0679\u0648\u0631\u06cc\u0644 \u0645\u06cc\u06ba\u060c \u0622\u067e \u0646\u06d2 \u0633\u06cc\u06a9\u06be\u0627 \u06a9\u06c1 \u06a9\u0627\u0631\u06a9\u0631\u062f\u06af\u06cc \u06a9\u06d2 \u0622\u0688\u0679 \u06a9\u06d2 \u0646\u062a\u0627\u0626\u062c \u06a9\u0648 AI remediation prompts \u0645\u06cc\u06ba \u06a9\u06cc\u0633\u06d2 \u062a\u0628\u062f\u06cc\u0644 \u06a9\u06cc\u0627 \u062c\u0627\u0626\u06d2\u06d4<\/p>\n<p>\u0622\u067e \u0646\u06d2 \u06a9\u06cc\u0627 \u0628\u0646\u0627\u06cc\u0627:<\/p>\n<ul>\n<li>\n<p>\u0633\u0627\u062e\u062a\u06c1 <code>Finding<\/code> \u0632\u0645\u0631\u06c1<\/p>\n<\/li>\n<li>\n<p>\u062f\u0631\u06cc\u0627\u0641\u062a\u0648\u06ba \u06a9\u06cc \u062f\u0631\u062c\u06c1 \u0628\u0646\u062f\u06cc \u06a9\u06cc\u0633\u06d2 \u06a9\u0631\u06cc\u06ba\u06d4<\/p>\n<\/li>\n<li>\n<p>\u06a9\u0648\u0626\u06cc \u0631\u0627\u0633\u062a\u06c1 \u0646\u06c1\u06cc\u06ba <code>buildFixPrompt<\/code> \u0641\u0646\u06a9\u0634\u0646<\/p>\n<\/li>\n<li>\n<p>\u06a9\u0644\u067e \u0628\u0648\u0631\u0688 &#8211; \u067e\u06c1\u0644\u06d2 \u0627\u06cc\u062c\u0646\u0679 \u06a9\u06cc \u062a\u0631\u0633\u06cc\u0644<\/p>\n<\/li>\n<li>\n<p>DevTools \u067e\u06cc\u0646\u0644 \u06a9\u06d2 \u0628\u0679\u0646<\/p>\n<\/li>\n<li>\n<p>\u0646\u062a\u0627\u0626\u062c \u0686\u06cc\u06a9 \u06a9\u0631\u0646\u06d2 \u06a9\u06d2 \u0644\u06cc\u06d2 \u062a\u0635\u062f\u06cc\u0642\u06cc \u0644\u0648\u067e<\/p>\n<\/li>\n<\/ul>\n<p>\u0645\u0631\u06a9\u0632\u06cc \u062e\u06cc\u0627\u0644 \u0633\u0627\u062f\u06c1 \u06c1\u06d2\u06d4 \u06a9\u0627\u0631\u06a9\u0631\u062f\u06af\u06cc \u06a9\u06d2 \u0627\u0648\u0632\u0627\u0631 \u062b\u0628\u0648\u062a \u067e\u06cc\u062f\u0627 \u06a9\u0631\u062a\u06d2 \u06c1\u06cc\u06ba\u060c \u0627\u0648\u0631 \u06a9\u0648\u0688\u0646\u06af \u0627\u06cc\u062c\u0646\u0679\u0648\u06ba \u06a9\u0648 \u0633\u06cc\u0627\u0642 \u0648 \u0633\u0628\u0627\u0642 \u06a9\u06cc \u0636\u0631\u0648\u0631\u062a \u06c1\u0648\u062a\u06cc \u06c1\u06d2\u06d4 \u0627\u06cc\u06a9 \u0627\u0686\u06be\u0627 AI \u067e\u06cc\u0686 \u06a9\u0627 \u062c\u0627\u0626\u0632\u06c1 \u062f\u0648\u0646\u0648\u06ba \u06a9\u0648 \u062c\u0648\u0691\u062a\u0627 \u06c1\u06d2\u06d4<\/p>\n<p>PerfLens \u0627\u0633 \u0648\u0631\u06a9 \u0641\u0644\u0648 \u06a9\u06cc \u0627\u06cc\u06a9 \u0645\u062b\u0627\u0644 \u06c1\u06d2\u06d4 \u0627\u06af\u0631 \u0622\u067e \u0627\u06cc\u06a9\u0633\u0679\u06cc\u0646\u0634\u0646 \u06a9\u0648 \u0622\u0632\u0645\u0627\u0646\u0627 \u0686\u0627\u06c1\u062a\u06d2 \u06c1\u06cc\u06ba \u06cc\u0627 \u0627\u0633 \u0628\u06c1\u0627\u0624 \u06a9\u0648 \u0644\u0627\u06af\u0648 \u06a9\u0631\u0646\u06d2 \u06a9\u0627 \u0637\u0631\u06cc\u0642\u06c1 \u062f\u06cc\u06a9\u06be\u0646\u0627 \u0686\u0627\u06c1\u062a\u06d2 \u06c1\u06cc\u06ba \u062a\u0648 \u0622\u067e \u0627\u0633\u06d2 \u06cc\u06c1\u0627\u06ba \u062a\u0644\u0627\u0634 \u06a9\u0631 \u0633\u06a9\u062a\u06d2 \u06c1\u06cc\u06ba\u06d4<\/p>\n<\/p><\/div>\n","protected":false},"excerpt":{"rendered":"<p>\u06a9\u0627\u0631\u06a9\u0631\u062f\u06af\u06cc \u06a9\u06d2 \u0679\u0648\u0644\u0632 \u06cc\u06c1 \u062f\u06a9\u06be\u0627\u0646\u06d2 \u06a9\u06d2 \u0644\u06cc\u06d2 \u0628\u06c1\u062a\u0631\u06cc\u0646 \u06c1\u06cc\u06ba \u06a9\u06c1 \u06a9\u06cc\u0627 \u0633\u0633\u062a \u06c1\u06d2\u06d4 \u0622\u067e \u06a9\u06c1\u06c1 \u0633\u06a9\u062a\u06d2 \u06c1\u06cc\u06ba \u06a9\u06c1 \u0645\u0648\u0627\u062f \u06a9\u06d2 \u0633\u0627\u062a\u06be \u0632\u06cc\u0627\u062f\u06c1 \u0633\u06d2 \u0632\u06cc\u0627\u062f\u06c1 \u067e\u06cc\u0646\u0679 4.2 \u0633\u06cc\u06a9\u0646\u0688 \u06c1\u06d2\u060c JavaScript \u0628\u0646\u0688\u0644 \u0628\u06c1\u062a \u0628\u0691\u0627 \u06c1\u06d2\u060c \u06cc\u0627 \u0627\u0648\u067e\u0631 \u0648\u0627\u0644\u06cc \u062a\u0635\u0648\u06cc\u0631 \u0628\u06c1\u062a \u062c\u0644\u062f \u0644\u0648\u0688 \u06c1\u0648 \u0631\u06c1\u06cc \u06c1\u06d2\u06d4 \u062a\u0627\u06c1\u0645\u060c \u06cc\u06c1 \u0639\u0627\u0645 \u0637\u0648\u0631 \u067e\u0631 \u0622\u067e \u06a9\u0648 \u062f\u0631\u062c \u0630\u06cc\u0644 \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0646\u06c1\u06cc\u06ba \u0628\u062a\u0627\u062a\u0627 [&hellip;]<\/p>\n","protected":false},"author":7,"featured_media":25750,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[1],"tags":[],"class_list":["post-25749","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog"],"_links":{"self":[{"href":"https:\/\/umang.pk\/ur\/wp-json\/wp\/v2\/posts\/25749","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/umang.pk\/ur\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/umang.pk\/ur\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/umang.pk\/ur\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/umang.pk\/ur\/wp-json\/wp\/v2\/comments?post=25749"}],"version-history":[{"count":1,"href":"https:\/\/umang.pk\/ur\/wp-json\/wp\/v2\/posts\/25749\/revisions"}],"predecessor-version":[{"id":25751,"href":"https:\/\/umang.pk\/ur\/wp-json\/wp\/v2\/posts\/25749\/revisions\/25751"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/umang.pk\/ur\/wp-json\/wp\/v2\/media\/25750"}],"wp:attachment":[{"href":"https:\/\/umang.pk\/ur\/wp-json\/wp\/v2\/media?parent=25749"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/umang.pk\/ur\/wp-json\/wp\/v2\/categories?post=25749"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/umang.pk\/ur\/wp-json\/wp\/v2\/tags?post=25749"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}