কোড এবং ফরম্যাট

Speculation Rules নির্মাতা

Prefetch এবং prerender-এর জন্য বৈধ Speculation Rules JSON তৈরি করুন; আপনার ব্রাউজারে নিরাপদ প্রিসেট, URL প্যাটার্ন এবং eagerness বিকল্পগুলো যাচাই করুন।

Speculation Rules কনফিগারেশন
নিরাপদ সূচনা: Conservative Prefetch প্রথমে কম ঝুঁকির prefetch দিয়ে পরিমাপ করুন; বাস্তব ব্রাউজিং ডেটার ভিত্তিতে prerender-এর পরিধি সংকুচিত করে এটি চালু করুন।
সম্পূর্ণভাবে ব্রাউজারে চলে

প্রিসেট সেটিংস

প্রিসেট সেটিংস প্রক্রিয়ার ধরন এবং ট্রিগার সংবেদনশীলতা একসঙ্গে পরিবর্তন করে।

কম সম্পদ ব্যবহার

নিয়মের আচরণ

ব্রাউজার কী প্রস্তুত করবে, কোন উৎস থেকে করবে এবং কতটা আগে করবে, তা বেছে নিন।

Prerender লক্ষ্য পৃষ্ঠার JavaScript কোডও চালাতে পারে।
প্যাটার্নগুলো পৃষ্ঠার উপযুক্ত লিংকে স্বয়ংক্রিয়ভাবে প্রয়োগ করা হয়।
আগে ট্রিগার করলে বেশি ব্যান্ডউইথ ও প্রসেসর ব্যবহার হতে পারে।

URL-এর পরিসর

প্রতি লাইনে একটি URLPattern প্যাটার্ন অথবা একটি লক্ষ্য URL লিখুন।

উদাহরণ: /blog/* অথবা /products/:slug
সেশন, পেমেন্ট এবং অবস্থা পরিবর্তনকারী পথগুলো অবশ্যই বাদ দিন।
একটি বৈধ CSS নির্বাচক তালিকা লিখুন। মিলে যাওয়া লিঙ্কগুলো নিয়মের আওতায় নেওয়া হবে না।

লাইভ সিনট্যাক্স ও ঝুঁকি পরীক্ষা

JSON কাঠামো, URLPattern ইনপুট এবং রিসোর্স ব্যবহারের নির্বাচন তাৎক্ষণিকভাবে পরীক্ষা করা হয়।

বৈধ

উৎপন্ন কোড

1 নিয়ম · 1 লক্ষ্য/প্যাটার্ন

ব্রাউজার সমর্থন পরীক্ষা করা হচ্ছে…
তথ্য

Speculation Rules নির্মাতা সম্পর্কে

Speculation Rules API, ব্রাউজারকে ব্যবহারকারী সম্ভবত পরের যে পৃষ্ঠাগুলো ভিজিট করবেন সেগুলো আগে থেকে আনার (prefetch) অথবা ব্যাকগ্রাউন্ডে সম্পূর্ণ প্রস্তুত করা (prerender) নির্দেশ দেয়। সঠিকভাবে ব্যবহার করলে পরবর্তী পৃষ্ঠা নেভিগেশন উল্লেখযোগ্যভাবে দ্রুততর করতে পারে; অতিরিক্ত বিস্তৃতভাবে ব্যবহার করলে ব্যান্ডউইথ, সার্ভার রিসোর্স এবং বিশ্লেষণ মেট্রিক অপ্রয়োজনীয়ভাবে ব্যয় হতে পারে।

এই টুলটি; conservative, moderate এবং aggressive প্রিসেট দিয়ে URLPattern প্যাটার্ন বা স্পষ্ট URL তালিকা থেকে নিয়ম তৈরি করে। আউটপুটটি সরল JSON অথবা সরাসরি পৃষ্ঠায় যোগ করা যায় এমন <script type="speculationrules"> ফরম্যাটে পেতে পারেন। সিনট্যাক্স, CSS বর্জন নির্বাচক এবং ঝুঁকিপূর্ণ সমন্বয়গুলো সম্পূর্ণভাবে আপনার ব্রাউজারেই যাচাই করা হয়।

Speculation Rules সমর্থন করে না এমন ব্রাউজারগুলো এই স্ক্রিপ্টের ধরনটি উপেক্ষা করে; স্বাভাবিক লিঙ্কগুলো কাজ করতে থাকে। তাই বৈশিষ্ট্যটি সঠিকভাবে সেটআপ করা হলে এটি একটি অতিরিক্ত গতি-বর্ধক স্তর, বিদ্যমান নেভিগেশন প্রবাহের বিকল্প নয়।

এটি কীভাবে ব্যবহার করবেন?

ধাপে ধাপে

  1. আপনার ট্রাফিক ও সম্পদ ব্যবহারের জন্য উপযোগী রক্ষণশীল, মধ্যম বা আক্রমণাত্মক প্রিসেটটি বেছে নিন।
  2. অপারেশন হিসেবে আরও হালকা prefetch অথবা পুরো পৃষ্ঠাটি প্রস্তুত করে এমন prerender নির্বাচন করুন।
  3. পরিধি URL প্যাটার্ন অথবা স্পষ্ট URL তালিকা দিয়ে সংজ্ঞায়িত করুন; সেশন, কার্ট এবং পেমেন্টের পথগুলো বাদ দিন।
  4. লাইভ যাচাই ক্ষেত্রের সিনট্যাক্স ও রিসোর্স ব্যবহারের সতর্কতাগুলো সমাধান করুন।
  5. উৎপন্ন HTML ট্যাগটি অথবা JSON আউটপুটটি কপি করুন কিংবা ফাইল হিসেবে ডাউনলোড করুন।
FAQ

প্রায়শই জিজ্ঞাসিত প্রশ্নাবলী

prefetch লক্ষ্য ডকুমেন্টটি নেটওয়ার্ক থেকে আগে নিয়ে আসে; পৃষ্ঠাটি চালায় না। prerender হলে লক্ষ্য পৃষ্ঠাটি অদৃশ্য একটি ট্যাবে থাকা অবস্থার মতো লোড করে এবং রেন্ডার করে। Prerender দ্রুততর স্থানান্তর দিতে পারে, তবে JavaScript, নেটওয়ার্ক অনুরোধ এবং অ্যানালিটিক্স ইভেন্টগুলো ক্লিকের আগেই চালু হতে পারে বলে এটি আরও সতর্কতার সঙ্গে ব্যবহার করা উচিত।

conservative ব্যবহারকারীর শক্তিশালী অভিপ্রায় প্রত্যাশা করে; মধ্যম লিংকে স্বল্প সময় অপেক্ষা করার মতো একটি সংকেত ব্যবহার করে। eager এবং বিশেষভাবে immediate আরও আগে কাজ শুরু করে বেশি সম্পদ ব্যবহার করতে পারে। তবুও ব্রাউজার ডিভাইস ও নেটওয়ার্কের অবস্থার ভিত্তিতে কোনো নিয়ম প্রয়োগ না করার সিদ্ধান্ত নিতে পারে।

WordPress 6.8 উপযুক্ত ফ্রন্টএন্ড লিঙ্কের জন্য সমর্থনকারী ব্রাউজারগুলোকে ডিফল্টভাবে একটি conservative prefetch নিয়ম পাঠাতে পারে। প্রথমে পৃষ্ঠার সোর্সে বিদ্যমান type="speculationrules" স্ক্রিপ্টটি পরীক্ষা করুন। বিরোধপূর্ণ দ্বিতীয় কোনো নিয়ম যোগ করার পরিবর্তে প্রয়োজনে wp_speculation_rules_configuration ফিল্টার দিয়ে মূল কনফিগারেশনটি কাস্টমাইজ করুন।

স্ক্রিপ্টের ধরন শনাক্ত করা যায়নি এবং নিয়মটি উপেক্ষা করা হয়েছে। পৃষ্ঠার স্বাভাবিক <a href> লিংকগুলো অপরিবর্তিতভাবেই কাজ করে; বিশেষ কোনো JavaScript polyfill প্রয়োজন হয় না। তাই লিংকের লক্ষ্যগুলোকে কেবল Speculation Rules-এর সঙ্গে সংযুক্ত করবেন না এবং স্বাভাবিক নেভিগেশন প্রবাহ বজায় রাখুন।

লগইন, লগআউট, কার্ট, চেকআউট, অ্যাকাউন্ট, প্রশাসন, একবার ব্যবহারযোগ্য লিংক এবং GET অনুরোধের মাধ্যমে অবস্থা পরিবর্তন করে এমন সব পথ বাদ দিন। প্রিরেন্ডার করা পৃষ্ঠা ব্যবহারকারী ক্লিক করার আগেই চালু হতে পারে, তাই এটি কেবল নিরাপদ, আইডেমপোটেন্ট এবং ব্যক্তিগত তথ্য ফাঁস করে না এমন পৃষ্ঠায় ব্যবহার করা উপযুক্ত।