- পেইন্ট টাইমিং এপিআই আপনাকে পেইন্ট টাইমিং এপি দিয়ে প্রথম পেইন্ট করার সময় এবং প্রথম কনটেন্টফুল পেইন্টের সময় পরিমাপ করতে দেয়।
-
font-displayআপনাকে ফন্টগুলি ডাউনলোড করার আগে কীভাবে রেন্ডার করা হয় তা নিয়ন্ত্রণ করতে দেয়। - WebAssembly অবতরণ করেছে
- এবং আরো অনেক আছে!
পরিবর্তনের সম্পূর্ণ তালিকা চান? Chromium সোর্স রিপোজিটরি পরিবর্তনের তালিকা দেখুন
আমি পিট লেপেজ । চলুন ডুব দিয়ে দেখি Chrome 60-এ ডেভেলপারদের জন্য নতুন কী আছে!
পেইন্ট টাইমিং API
যখন একজন ব্যবহারকারী একটি ওয়েব পৃষ্ঠায় নেভিগেট করেন, তখন তারা তাদের আশ্বস্ত করার জন্য কিছু চাক্ষুষ প্রতিক্রিয়া খোঁজেন যে সবকিছু কাজ করছে। নতুন পেইন্ট টাইমিং API এর সাথে, আমরা এখন এটি পরিমাপ করতে পারি।
API দুটি মেট্রিক্স প্রকাশ করে:
- প্রথম পেইন্ট করার সময় - যা ব্রাউজার যখন কিছু রেন্ডার করতে শুরু করে তখন স্ক্রিনের প্রথম বিট বিষয়বস্তুকে চিহ্নিত করে।
- প্রথম কন্টেন্টফুল পেইন্টের সময় - যা ব্রাউজার যখন DOM, টেক্সট, একটি ইমেজ ইত্যাদি থেকে প্রথম বিট রেন্ডার করে তখন বিন্দুটিকে চিহ্নিত করে।
আপনি কীভাবে এই মেট্রিকগুলি ট্র্যাক করতে পারেন এবং আপনার অভিজ্ঞতা উন্নত করতে সেগুলি ব্যবহার করতে পারেন তা শিখতে ব্যবহারকারীর অভিজ্ঞতাকে সবচেয়ে বেশি প্রভাবিত করে এমন পারফরম্যান্স মেট্রিক্সের ব্যবহার করে দেখুন৷
CSS font-display প্রপার্টি
ওয়েব ফন্ট আপনাকে সমৃদ্ধ টাইপোগ্রাফি অন্তর্ভুক্ত করার ক্ষমতা দেয়। কিন্তু, যদি ব্যবহারকারীর কাছে ইতিমধ্যেই টাইপফেস না থাকে, তাহলে এটি ডাউনলোড করতে হবে, সম্ভাব্যভাবে আপনার সাইটকে ধীরগতির দেখাবে।
সৌভাগ্যক্রমে, অধিকাংশ ব্রাউজার একটি ফলব্যাক ব্যবহার করবে যদি ফন্টটি ডাউনলোড করতে খুব বেশি সময় নেয়। নতুন font-display প্রপার্টি, একটি ডাউনলোডযোগ্য ফন্ট সম্পূর্ণরূপে লোড হওয়ার আগে কীভাবে রেন্ডার হয় তা নিয়ন্ত্রণ করতে দেয়।
-
autoব্যবহারকারী-এজেন্ট যে ফন্ট প্রদর্শন কৌশল ব্যবহার করে তা ব্যবহার করে। -
blockফন্ট ফেসকে একটি ছোট ব্লক পিরিয়ড এবং একটি অসীম সোয়াপ পিরিয়ড দেয়। -
swapফন্ট ফেসকে একটি শূন্য সেকেন্ড ব্লক পিরিয়ড এবং একটি অসীম সোয়াপ পিরিয়ড দেয়। -
fallbackফন্টকে একটি অত্যন্ত ছোট ব্লক পিরিয়ড এবং একটি ছোট অদলবদল সময় দেয়। -
optionalফন্ট ফেসকে একটি অত্যন্ত ছোট ব্লক পিরিয়ড এবং একটি শূন্য সেকেন্ড সোয়াপ পিরিয়ড দেয়।
এটি ক্রোম 60 এবং অপেরায় সমর্থিত এবং ফায়ারফক্সে বিকাশে রয়েছে। আরও তথ্যের জন্য font-display সহ ফন্ট পারফরম্যান্স নিয়ন্ত্রণ করুন।
ওয়েব অ্যাসেম্বলি
ওয়েব অ্যাসেম্বলি বা wasm কোড চালানোর একটি নতুন উপায় প্রদান করে, ওয়েবে C এবং C++ এর মতো ভাষায় লেখা, কাছাকাছি নেটিভ গতিতে।
এটি একটি ইন-ব্রাউজার ভিডিও এডিটর তৈরি করতে বা বিদ্যমান মান-ভিত্তিক ওয়েব প্ল্যাটফর্ম API ব্যবহার করে একটি উচ্চ ফ্রেম হারে ইউনিটি গেম চালানোর জন্য প্রয়োজনীয় গতি সরবরাহ করে।
আপনি webassembly.org- এ ডেমো, ডক্স এবং কীভাবে শুরু করবেন সহ আরও তথ্য পেতে পারেন।
এবং আরো!
- নতুন ওয়েব বাজেট এপিআই পুশ নোটিফিকেশন অনুমতি সহ সাইটগুলিকে সীমিত সংখ্যক পুশ বার্তা পাঠাতে সক্ষম করে যা ব্যাকগ্রাউন্ডের কাজকে ট্রিগার করে যেমন ডেটা সিঙ্ক করা বা বিজ্ঞপ্তি খারিজ করা, ব্যবহারকারীর দৃশ্যমান বিজ্ঞপ্তি দেখানোর প্রয়োজন ছাড়াই৷
-
PushSubscription.expirationTimeএখন উপলভ্য, কখন এবং কখন সাবস্ক্রিপশনের মেয়াদ শেষ হবে তা সাইটগুলিকে অবহিত করে৷ - অবজেক্ট বিশ্রাম এবং স্প্রেড বৈশিষ্ট্যগুলি এখন সমর্থিত, এটিকে সহজ করে একত্রিত করা এবং অগভীর-ক্লোন অবজেক্ট এবং বিভিন্ন অপরিবর্তনীয় অবজেক্ট প্যাটার্ন বাস্তবায়ন করা।
দ্রষ্টব্য: অর্থপ্রদানের অনুরোধ API Chrome 61 এ পুশ করা হয়েছে।
এগুলি ডেভেলপারদের জন্য Chrome 60-এর কয়েকটি পরিবর্তন।
তারপর আমাদের YouTube চ্যানেলে সাবস্ক্রাইব করুন , এবং যখনই আমরা একটি নতুন ভিডিও লঞ্চ করব আপনি একটি ইমেল বিজ্ঞপ্তি পাবেন৷
আমি পিট লেপেজ, এবং Chrome 61 রিলিজ হওয়ার সাথে সাথে, আমি আপনাকে বলতে এখানে থাকব -- Chrome এ নতুন কি!