جاوا اسکریپت قدیمی

منتشر شده: ۲۹ آوریل ۲۰۲۶

Polyfillها و Transformها به شما امکان می‌دهند از ویژگی‌هایی استفاده کنید که ممکن است Baseline نباشند - که به عنوان ویژگی‌های با دسترسی محدود نیز شناخته می‌شوند. Baseline شما را از استفاده از ویژگی‌های با دسترسی محدود منصرف نمی‌کند، اما ویژگی‌هایی که Baseline Newly یا Widely Available هستند، اغلب می‌توانند بدون آنها استفاده شوند. حسابرسی Legacy JavaScript به شما این امکان را می‌دهد که بدانید در کجا فرصت‌هایی برای بهبود عملکرد با اتخاذ ویژگی‌هایی که Baseline هستند، وجود دارد.

در نظر داشته باشید که فرآیند ساخت جاوا اسکریپت خود را طوری تغییر دهید که ویژگی‌های Baseline را transpile نکند، مگر اینکه بدانید باید از مرورگرهای قدیمی‌تر پشتیبانی کنید.

چگونه این بینش را منتقل کنیم

اگر بیش از ۵ کیلوبایت polyfill یا transform برای ویژگی‌های جاوااسکریپت که طبق Baseline به طور گسترده پشتیبانی می‌شوند، شناسایی شود، این Insight با شکست مواجه می‌شود. برای عبور از این Insight، احتمالاً باید toolchain bundler خود را پیکربندی کنید تا از مشکلات خاص جلوگیری شود.

استفاده از ES6 در محیط تولید

ES6 به طور گسترده در همه مرورگرها پشتیبانی می‌شود. اگر از ترکیبی از یک module bundler و یک transpiler جاوا اسکریپت - مانند Babel و @babel/preset-env preset آن - استفاده می‌کنید، اکثریت قریب به اتفاق وب‌سایت‌ها نیازی به پشتیبانی از مرورگرهای قدیمی‌تر که فقط از ES5 پشتیبانی می‌کنند، ندارند .

یک ابزار رایج که با bundlerها و Babel استفاده می‌شود، Browserslist است که انواع کوئری‌های مشخص شده به زبان طبیعی را می‌پذیرد و سپس به لیستی از محیط‌های مرورگر هدف ترجمه می‌شوند. به عنوان مثال، می‌توانید ویژگی‌های Baseline Widely available را با این کوئری Browserslist در هر جایی که پیکربندی Browserslist یافت می‌شود، هدف قرار دهید:

baseline widely available

گزینه Baseline Widely Available به عنوان پیش‌فرض برای پروژه‌های وب جدید پیشنهاد می‌شود. با این حال، مثل همیشه، باید مرورگرهای مورد استفاده برای دسترسی به وب‌سایت خود را ارزیابی کنید. یکی از این ابزارها، Google Analytics Baseline Checker است.

منابع اضافی