স্ট্যাক নির্দেশিকা · স্ন্যাপশট ২৩ অক্টোবর, ২০২৬
Next.js on Vercel: প্রস্তুতির নির্দেশিকা
এই স্ট্যাকের পরিমাপ করা 2,044টি সাইট কী কী ঠিক করছে, কোথায় তাদের ঘাটতি আছে এবং প্রতিটি ঘাটতি পূরণের জন্য Next.js on Vercel-নির্দিষ্ট পদক্ষেপ।
- পরিমাপ করা সাইট
- 2,044
- প্রস্তুতি সূচকের মধ্যক
- 73/100
- এই স্ট্যাকের প্রোফাইলগুলো
- 149
হোমপেজের HTML ও হেডার থেকে শনাক্ত করা হয়েছে
সব সাইট: 64
শীর্ষ-50K সাইট
লেন অনুযায়ী প্রস্তুতি
সক্ষম করুন
85/100
সব সাইট 77
কঠোর করুন
69/100
সব সাইট 55
ত্বরান্বিত করুন
72/100
সব সাইট 63
পুনরুদ্ধার করুন
5/100
সব সাইট 11
Next.js on Vercel প্লেবুক
প্রভাব অনুযায়ী সাজানো ঘাটতি, সঙ্গে যেখানে আছে সেখানে প্ল্যাটফর্ম-নির্দিষ্ট পদক্ষেপ।
head অংশে রেন্ডারিং আটকে দেয় এমন কোনো স্ক্রিপ্ট নেই
23% পর্যবেক্ষিত · সব সাইট 44%
যেসব স্ক্রিপ্টের DOM প্রয়োজন সেগুলোতে defer এবং অ্যানালিটিক্সের মতো স্বতন্ত্র স্ক্রিপ্টে async যোগ করুন, অথবা সেগুলো body অংশের শেষে সরিয়ে নিন।
Next.js-এ: উপযুক্ত লোডিং কৌশলসহ next/script কম্পোনেন্ট ব্যবহার করুন।
নির্দেশিকা: তৃতীয়-পক্ষ স্ক্রিপ্টকে আপনার পেজ নিয়ন্ত্রণ করার আগে নিয়ন্ত্রণ করুন
security.txt প্রকাশিত
9.4% পর্যবেক্ষিত · সব সাইট 5.5%
RFC 9116-এর প্রয়োজনীয়তা অনুযায়ী অন্তত Contact ও Expires ক্ষেত্রসহ /.well-known/security.txt প্রকাশ করুন এবং মেয়াদ শেষ হওয়ার আগে এটি পর্যালোচনা করুন।
নির্দেশিকা: মালিকদের জন্য ব্যবহারিক ওয়েবসাইট স্বাস্থ্য পরীক্ষা
HTTP/3 ব্যবহারের সুবিধা ঘোষিত
14% পর্যবেক্ষিত · সব সাইট 36%
আপনার CDN-এ HTTP/3 চালু করুন। ব্রাউজারগুলো স্বয়ংক্রিয়ভাবে বিকল্প হিসেবে HTTP/2 ব্যবহার করে, তাই ঝুঁকি কম।
আধুনিক ইমেজ ফরম্যাট ব্যবহার করা হচ্ছে
43% পর্যবেক্ষিত · সব সাইট 40%
ইমেজ CDN-এর মাধ্যমে অথবা বিল্ডের সময় উভয় ফরম্যাট তৈরি করে JPEG বা PNG ফলব্যাকসহ WebP বা AVIF সরবরাহ করুন।
Next.js-এ: next/image কম্পোনেন্ট স্বয়ংক্রিয়ভাবে অপ্টিমাইজ করা ফরম্যাট পরিবেশন করে।
Vercel-এ: Vercel Image Optimization আধুনিক ফরম্যাট পরিবেশন করে।
নির্দেশিকা: AVIF, WebP, JPEG এবং PNG: সঠিক চিত্র ফর্ম্যাট নির্বাচন করুন
DMARC নীতি কোয়ারেন্টিন বা প্রত্যাখ্যান বাধ্যতামূলক করে
47% পর্যবেক্ষিত · সব সাইট 31%
প্রথমে p=none ও রিপোর্ট পাঠানোর একটি ঠিকানাসহ DMARC প্রকাশ করুন, SPF বা DKIM অ্যালাইনমেন্টে ব্যর্থ হওয়া বৈধ প্রেরকদের সমস্যা ঠিক করুন, তারপর quarantine এবং সবশেষে reject-এ যান।
নির্দেশিকা: মালিকদের জন্য ব্যবহারিক ওয়েবসাইট স্বাস্থ্য পরীক্ষা
DNSSEC স্বাক্ষরিত
10% পর্যবেক্ষিত · সব সাইট 8.1%
আপনার DNS প্রদানকারীর কাছে DNSSEC চালু করুন, তারপর আপনার রেজিস্ট্রারের কাছে DS রেকর্ড যোগ করুন। প্রদানকারী বদলানোর পরিকল্পনা সতর্কভাবে করুন: একটি পুরোনো DS রেকর্ডের কারণে ডোমেইন রিজলভ করতে ব্যর্থ হতে পারে।
নির্দেশিকা: ওয়েবসাইট আপটাইম প্রস্তুতি: ট্র্যাফিক আসার আগে প্রস্তুত করুন
কনটেন্ট সিকিউরিটি পলিসি উপস্থিত
34% পর্যবেক্ষিত · সব সাইট 31%
কী কী কাজ করা বন্ধ হয়ে যাবে তা দেখতে Content-Security-Policy-Report-Only দিয়ে শুরু করুন, কয়েক সপ্তাহ ধরে নীতিটি আরও কঠোর করুন, তারপর তা কার্যকর করুন।
Next.js-এ: মিডলওয়্যার দিয়ে nonce-ভিত্তিক CSP ব্যবহারের পদ্ধতি Next.js-এর নথিতে বর্ণিত আছে।
নির্দেশিকা: পেমেন্ট সুরক্ষা এবং PCI DSS: ওয়েবসাইট মালিকদের জেনে রাখার দরকারি বিষয়সমূহ
ফ্রেমে প্রদর্শন সীমিত
46% পর্যবেক্ষিত · সব সাইট 49%
Content-Security-Policy: frame-ancestors 'self' (অথবা বিশ্বস্ত অরিজিনের একটি তালিকা) পাঠান। X-Frame-Options: SAMEORIGIN পুরোনো ব্রাউজারগুলোর জন্য সুরক্ষা দেয়।
Next.js-এ: next.config.js-এর headers()-এ এটি যোগ করুন।
নির্দেশিকা: মালিকদের জন্য ব্যবহারিক ওয়েবসাইট স্বাস্থ্য পরীক্ষা
যেসব ক্ষেত্রে Next.js on Vercel সাইটগুলো এগিয়ে
- HSTS অন্তত এক বছর রাখা হয়97% পর্যবেক্ষিতসব সাইট 31%
- স্থির ফাইল 30 দিন বা তার বেশি সময়ের জন্য ক্যাশ করা হয়েছে98% পর্যবেক্ষিতসব সাইট 50%
- CAA রেকর্ড কারা সার্টিফিকেট ইস্যু করতে পারে তা সীমিত করে49% পর্যবেক্ষিতসব সাইট 11%
- স্ক্রিনের বাইরে থাকা ছবি লেজি-লোড করা হয়েছে95% পর্যবেক্ষিতসব সাইট 61%