CodeVerse | دنیای برنامه نویسان
🔥تازگیا DevTools داره به ابزار تحلیل واقعی Performance تبدیل میشه
اگر هنوز DevTools رو فقط برای Inspect Element و ()Console.log باز می‌کنی، بخش بزرگی از قابلیت‌هاش رو ندیدی.
در نسخه‌های جدید Chrome DevTools، قابلیت‌هایی مثل:
🔹مبحث Soft Navigation Metrics
🔹 تحلیل بهتر Network
🔹 ابزارهای Debug برای Nested CSS
🔹همینطور CSS Specificity Breakdown
🔹 قابلیت‌های AI Assistance
اضافه یا بهبود پیدا کردن.
اما چیزی که برای توسعه‌دهنده‌های SPA خیلی جالبه، Soft Navigation Metricsـه.
در اپلیکیشن‌هایی که URL عوض میشه ولی صفحه کاملاً Reload نمیشه، Performance همیشه مثل سایت‌های سنتی قابل اندازه‌گیری نیست.
حالا DevTools می‌تونه این Navigationهای نرم رو بهتر در Performance بررسی کنه.
یعنی اگر با React، Vue یا معماری‌های SPA کار می‌کنی، DevTools فقط محل پیدا کردن Error نیست؛ تبدیل شده به ابزار جدی برای تحلیل تجربه واقعی کاربر.
💡 قبل از اینکه بگی «سایت کند شده»، Trace بگیر و بفهم دقیقاً کجا زمان داره مصرف میشه.
@CodeVerse_dev
4 · 402 ·