جدید در کروم 60

  • Paint Timing API به شما این امکان را می دهد که زمان اولین رنگ و زمان تا اولین رنگ پر محتوا را با Paint Timings AP اندازه گیری کنید.
  • font-display به شما امکان می دهد قبل از بارگیری فونت ها را کنترل کنید.
  • WebAssembly فرود آمد
  • و خیلی چیزهای دیگر وجود دارد!

لیست کامل تغییرات را می خواهید؟ فهرست تغییر مخزن منبع Chromium را بررسی کنید

من پیت لی پیج هستم. بیایید وارد آن شویم و ببینیم چه چیز جدیدی برای توسعه دهندگان در Chrome 60 وجود دارد!

Paint timeings API

وقتی کاربر به یک صفحه وب می‌رود، به دنبال بازخورد بصری است تا به او اطمینان دهد که همه چیز کار می‌کند. با API جدید زمان‌بندی رنگ، اکنون می‌توانیم آن را اندازه‌گیری کنیم.

API دو معیار را نشان می دهد:

  • زمان برای اولین بار نقاشی - که نقطه ای را مشخص می کند که مرورگر شروع به ارائه چیزی می کند، اولین بیت از محتوا روی صفحه.
  • Time to first painting content - که نقطه ای را مشخص می کند که مرورگر اولین بیت از محتوا را از DOM، متن، تصویر و غیره رندر می کند.

برای یادگیری نحوه ردیابی این معیارها و استفاده از آنها برای بهبود تجربه خود، به کارگیری معیارهای عملکردی که بیشتر بر تجربه کاربر تأثیر می‌گذارند را بررسی کنید.

ویژگی font-display CSS

فونت های وب به شما توانایی ترکیب تایپوگرافی غنی را می دهد. اما، اگر کاربر از قبل حروف چاپی را نداشته باشد، باید آن را دانلود کند، که احتمالاً سایت شما را کند جلوه می دهد.

خوشبختانه، اگر فونت دانلود خیلی طولانی شود، اکثر مرورگرها از یک بازگشت استفاده می کنند. ویژگی جدید font-display به شما امکان می دهد تا نحوه نمایش فونت قابل دانلود را قبل از بارگیری کامل کنترل کنید.

  • auto از هر استراتژی نمایش فونتی که کاربر-عامل استفاده می کند استفاده می کند.
  • block به صورت فونت یک دوره بلوک کوتاه و یک دوره تعویض بی نهایت می دهد.
  • swap به صورت فونت یک دوره بلوک دوم صفر و یک دوره تعویض بی نهایت می دهد.
  • fallback به صفحه فونت یک دوره بلوک بسیار کوچک و یک دوره تعویض کوتاه می دهد.
  • optional به صورت فونت یک دوره بلوک بسیار کوچک و یک دوره تعویض ثانیه صفر می دهد.

این در کروم 60 و اپرا پشتیبانی می شود و در فایرفاکس در حال توسعه است. برای اطلاعات بیشتر ، کنترل عملکرد قلم با font-display را بررسی کنید.

WebAssembly

Web Assembly یا wasm راه جدیدی برای اجرای کدها، نوشته شده به زبان هایی مانند C و C++ در وب، با سرعتی نزدیک به بومی ارائه می دهد.

سرعت لازم برای ساخت یک ویرایشگر ویدیوی درون مرورگر یا اجرای یک بازی Unity با نرخ فریم بالا با استفاده از APIهای پلتفرم وب مبتنی بر استانداردهای موجود را فراهم می کند.

می‌توانید اطلاعات بیشتری را در webassembly.org بیابید، از جمله نسخه‌های نمایشی، اسناد و نحوه شروع.

و بیشتر!

  • Web Budget API جدید به سایت‌های دارای مجوز Push Notification امکان ارسال تعداد محدودی پیام‌های فشاری را می‌دهد که کار پس‌زمینه مانند همگام‌سازی داده‌ها یا رد کردن اعلان‌ها را بدون نیاز به نمایش اعلان قابل مشاهده توسط کاربر آغاز می‌کنند.
  • PushSubscription.expirationTime اکنون در دسترس است و به سایت ها اطلاع می دهد که چه زمانی و آیا یک اشتراک منقضی می شود.
  • ویژگی‌های استراحت و گسترش اشیاء اکنون پشتیبانی می‌شوند، و ادغام و شبیه‌سازی اشیاء کم عمق و پیاده‌سازی الگوهای شی غیرقابل تغییر مختلف را ساده‌تر می‌کنند.

توجه: API درخواست پرداخت به Chrome 61 منتقل شد.

اینها تنها تعدادی از تغییرات کروم 60 برای توسعه دهندگان است.

سپس در کانال یوتیوب ما مشترک شوید و هر زمان که ویدیوی جدیدی را راه اندازی کنیم، یک اعلان ایمیل دریافت خواهید کرد.

من Pete LePage هستم، و به محض اینکه Chrome 61 منتشر شد، اینجا خواهم بود تا به شما بگویم -- چه چیزهای جدیدی در Chrome وجود دارد!