আপনার লাইটহাউস রিপোর্টের সুযোগ বিভাগটি সমস্ত মূল অনুরোধগুলির তালিকা করে যেগুলি এখনও <link rel=preconnect> এর মাধ্যমে আনার অনুরোধগুলিকে অগ্রাধিকার দিচ্ছে না :
ব্রাউজার সামঞ্জস্য
<link rel=preconnect> বেশিরভাগ ব্রাউজারে সমর্থিত। ব্রাউজার সামঞ্জস্য দেখুন।
প্রি-কানেক্টের মাধ্যমে পৃষ্ঠা লোডের গতি উন্নত করুন
গুরুত্বপূর্ণ তৃতীয়-পক্ষের উত্সগুলির সাথে প্রাথমিক সংযোগ স্থাপন করতে preconnect বা dns-prefetch রিসোর্স ইঙ্গিত যোগ করার কথা বিবেচনা করুন।
<link rel="preconnect"> ব্রাউজারকে জানায় যে আপনার পৃষ্ঠা অন্য উৎসের সাথে একটি সংযোগ স্থাপন করতে চায় এবং আপনি যত তাড়াতাড়ি সম্ভব প্রক্রিয়াটি শুরু করতে চান৷
সংযোগ স্থাপন করা প্রায়ই ধীর নেটওয়ার্কে উল্লেখযোগ্য সময় জড়িত, বিশেষ করে যখন এটি সুরক্ষিত সংযোগের ক্ষেত্রে আসে, কারণ এতে DNS লুকআপ, পুনঃনির্দেশ, এবং ব্যবহারকারীর অনুরোধ পরিচালনাকারী চূড়ান্ত সার্ভারে বেশ কয়েকটি রাউন্ড ট্রিপ জড়িত থাকতে পারে।
সময়ের আগে এই সমস্ত কিছুর যত্ন নেওয়া ব্যান্ডউইথের ব্যবহারকে নেতিবাচকভাবে প্রভাবিত না করেই আপনার অ্যাপ্লিকেশনটিকে ব্যবহারকারীর কাছে অনেক বেশি স্ন্যাপ করে তুলতে পারে। সংযোগ স্থাপনে বেশিরভাগ সময় ডেটা বিনিময়ের পরিবর্তে অপেক্ষায় ব্যয় করা হয়।
আপনার উদ্দেশ্য সম্পর্কে ব্রাউজারকে অবহিত করা আপনার পৃষ্ঠায় একটি লিঙ্ক ট্যাগ যোগ করার মতোই সহজ:
<link rel="preconnect" href="https://example.com">
এটি ব্রাউজারকে জানতে দেয় যে পৃষ্ঠাটি example.com এর সাথে সংযোগ করতে এবং সেখান থেকে সামগ্রী পুনরুদ্ধার করতে চায়৷
মনে রাখবেন যে যদিও <link rel="preconnect"> বেশ সস্তা, এটি এখনও মূল্যবান CPU সময় নিতে পারে, বিশেষ করে সুরক্ষিত সংযোগগুলিতে। এটি বিশেষত খারাপ যদি সংযোগটি 10 সেকেন্ডের মধ্যে ব্যবহার না করা হয়, যেহেতু ব্রাউজার এটি বন্ধ করে দেয়, সেই সমস্ত প্রাথমিক সংযোগের কাজ নষ্ট করে৷
সাধারণভাবে, <link rel="preload"> ব্যবহার করার চেষ্টা করুন, কারণ এটি একটি আরও ব্যাপক কর্মক্ষমতা পরিবর্তন, কিন্তু প্রান্তের ক্ষেত্রে আপনার টুল বেল্টে <link rel="preconnect"> রাখুন যেমন:
- ব্যবহারের ক্ষেত্রে: কোথা থেকে জানা, কিন্তু আপনি কী আনছেন তা নয়
- ব্যবহারের ক্ষেত্রে: স্ট্রিমিং মিডিয়া
<link rel="dns-prefetch"> সংযোগের সাথে সম্পর্কিত আরেকটি <link> প্রকার। এটি শুধুমাত্র DNS লুকআপ পরিচালনা করে, কিন্তু এটি ব্যাপক ব্রাউজার সমর্থন পেয়েছে, তাই এটি একটি চমৎকার ফলব্যাক হিসাবে কাজ করতে পারে। আপনি এটি ঠিক একই ভাবে ব্যবহার করুন:
<link rel="dns-prefetch" href="https://example.com" />.
স্ট্যাক-নির্দিষ্ট নির্দেশিকা
ড্রুপাল
Preconnect বা dns-prefetch রিসোর্স ইঙ্গিতগুলি একটি মডিউল ইনস্টল এবং কনফিগার করে যোগ করা যেতে পারে যা ব্যবহারকারী এজেন্ট রিসোর্স ইঙ্গিতগুলির জন্য সুবিধা প্রদান করে।
ম্যাজেন্টো
আপনার থিমের লেআউট পরিবর্তন করুন এবং প্রি-কানেক্ট বা DNS প্রিফেচ রিসোর্স ইঙ্গিত যোগ করুন।