ব্লগে ফিরে যান

Engineering & Performance

Categories

7 মিনিট পড়ারEngineering & Performance

ভিজিবিলিটি স্টেট ট্রানজিশন: নির্ভরযোগ্য বিকন ছাড়াই পেজ ভিউ মাপা

pagehide, visibilitychange আর Beacon API প্রতিটি ব্রাউজারে আলাদা আচরণ করে। কুকি বা স্থায়ী শনাক্তকারী ছাড়াই সেশনের সমাপ্তি নির্ভরযোগ্যভাবে নথিভুক্ত করার উপায় দেখুন।

আরও পড়ুন
6 মিনিট পড়ারEngineering & Performance

Sec-GPC হেডার এখন সর্বত্র: অ্যানালিটিক্সের জন্য সার্ভার-সাইড শনাক্তকরণ

Global Privacy Control প্রতিটি রিকোয়েস্টের সঙ্গে Sec-GPC রিকোয়েস্ট হেডার হিসেবে আসে। কীভাবে এটি এজে পড়বেন এবং কুকি-বিহীন অ্যানালিটিক্স পাইপলাইনে সম্মান করবেন, তা এখানে।

আরও পড়ুন
6 মিনিট পড়ারEngineering & Performance

Timing-Allow-Origin: Resource Timing API-তে Analytics কী দেখে

Timing-Allow-Origin হেডার নিয়ন্ত্রণ করে যে একটি পেজ ক্রস-অরিজিন টাইমিং সম্পর্কে কতটা বিস্তারিত পড়তে পারে। প্রাইভেসি-ফার্স্ট পারফরম্যান্স পরিমাপের জন্য এর অর্থ কী, তা এখানে বলা হলো।

আরও পড়ুন
7 মিনিট পড়ারEngineering & Performance

Speculation Rules এবং Prerendering: Prefetch করা পেজ সম্পর্কে Analytics যা ভুল বোঝে

Chrome-এর Speculation Rules API একজন ব্যবহারকারীর ক্লিক করার আগেই একটি পেজ রেন্ডার করতে পারে। এটি কীভাবে সরল analytics-কে বিকৃত করে — এবং কীভাবে cookieless, edge-ভিত্তিক পরিমাপ সৎ থাকে, তা এখানে আলোচনা করা হলো।

আরও পড়ুন
4 মিনিট পড়ারEngineering & Performance

আপনার অ্যানালিটিক্স স্ক্রিপ্ট সম্ভবত Back/Forward Cache বন্ধ করে দিচ্ছে

back/forward cache ব্যাক-বাটন নেভিগেশনকে প্রায়-তাৎক্ষণিক করে তোলে, কিন্তু একটিমাত্র unload listener গোটা পেজের জন্য এটি বন্ধ করে দেয়। ট্র্যাকিং স্ক্রিপ্টই সাধারণত দায়ী — আর CrUX এখন সেই ক্ষতি পরিমাপ করে।

আরও পড়ুন
5 মিনিট পড়ারEngineering & Performance

আপনার অ্যানালিটিক্স স্ক্রিপ্টই আপনার Content-Security-Policy-র ফাঁক

একটি কঠোর CSP XSS বন্ধ করে। একটি থার্ড-পার্টি অ্যানালিটিক্স ট্যাগ তা আবার খুলে দেয়। কেন host allowlist এবং অনুপস্থিত SRI আপনার নীতি দুর্বল করে — এবং একটি ফার্স্ট-পার্টি ট্র্যাকার কী ঠিক করে তা এখানে রইল।

আরও পড়ুন
5 মিনিট পড়ারEngineering & Performance

HTTP লেয়ারে ডিফল্টভাবে প্রাইভেসি: যে হেডারগুলো আপনার ট্র্যাকিং সারফেস ছোট করে দেয়

দুটি রেসপন্স হেডার — Permissions-Policy এবং Referrer-Policy — নির্ধারণ করে আপনার পেজগুলো অ্যাড-টেক ও থার্ড পার্টিকে কতটা ফাঁস করতে পারে। একবার সেট করুন, আর সার্ভেইলেন্স সারফেস ডিফল্টভাবেই বন্ধ হয়ে যায়।

আরও পড়ুন
4 মিনিট পড়ারEngineering & Performance

INP ভারী অ্যানালিটিক্সকে শাস্তি দেয়: কেন আপনার ট্র্যাকার মেইন থ্রেডে আছে

Interaction to Next Paint হলো সেই Core Web Vital যেটিতে সবচেয়ে বেশি সাইট ব্যর্থ হয়, এবং ফিল্ড ডেটা দেখায় যে বিহেভিয়র-ট্র্যাকিং স্ক্রিপ্ট একটি প্রধান কারণ। সমাধান হলো মেইন থ্রেডে কম কাজ পাঠানো।

আরও পড়ুন
3 মিনিট পড়ারEngineering & Performance

Soft Navigations: ব্রাউজারের পদ্ধতিতে SPA-এর পারফরম্যান্স মাপা

Chrome-এর soft navigation heuristics অবশেষে Core Web Vitals-কে ক্লায়েন্ট-সাইড রুট পরিবর্তনের সঙ্গে যুক্ত করতে দেয়। জেনে নিন এই API কীভাবে কাজ করে এবং নজরদারি ছাড়াই কীভাবে এটি মাপবেন।

আরও পড়ুন
4 মিনিট পড়ারEngineering & Performance

একটি Astro সাইটে গোপনীয়তা-প্রথম অ্যানালিটিক্স যোগ করা

Astro-র View Transitions নিঃশব্দে স্ট্যান্ডার্ড অ্যানালিটিক্স স্ক্রিপ্ট ভেঙে দেয়। কুকি বা কনসেন্ট ব্যানার ছাড়াই প্রতিটি রুট পরিবর্তন ট্র্যাক করার সঠিক প্যাটার্ন এখানে দেওয়া হলো।

আরও পড়ুন
4 মিনিট পড়ারEngineering & Performance

একটি SvelteKit অ্যাপে গোপনীয়তা-প্রথম অ্যানালিটিক্স যোগ করা

SvelteKit 2 অন্যান্য ফ্রেমওয়ার্কের চেয়ে ভিন্নভাবে ক্লায়েন্ট-সাইড নেভিগেশন ইন্টারসেপ্ট করে। কুকি বা কনসেন্ট ব্যানার ছাড়াই রুট পরিবর্তন ট্র্যাক করার সঠিক প্যাটার্ন এখানে দেওয়া হলো।

আরও পড়ুন
5 মিনিট পড়ারEngineering & Performance

কীভাবে একটি 2 KB অ্যানালিটিক্স ট্র্যাকার আপনার Core Web Vitals সবুজ রাখে

প্রচলিত অ্যানালিটিক্স স্ক্রিপ্টগুলি এতটাই ভারী যে এগুলো আপনার Lighthouse স্কোর পরিবর্তন করতে পারে। একটি হালকা ট্র্যাকার ভিন্নভাবে কী করে — এবং কেন এটি বাস্তব ব্যবহারকারীদের জন্য গুরুত্বপূর্ণ, তা এখানে দেওয়া হলো।

আরও পড়ুন
4 মিনিট পড়ারEngineering & Performance

একটি Next.js অ্যাপে গোপনীয়তা-প্রথম অ্যানালিটিক্স যোগ করা

কুকি, কনসেন্ট ব্যানার বা সম্মতি জটিলতা ছাড়াই Next.js-এ Monoid ইন্টিগ্রেট করার ধাপে ধাপে গাইড।

আরও পড়ুন