কন্টেন্ট
- এইচটিটিপি অনুরোধগুলি হ্রাস করা হচ্ছে
- সিএসএস এবং জাভাস্ক্রিপ্ট ফাইলগুলির সংমিশ্রণ
- চিত্রগুলির পরিবর্তে CSS3 ব্যবহার করুন
- CSS3 ইমেজ স্প্রিটস
- মিডিয়া প্রশ্নের
- চর্বিযুক্ত বিষয়বস্তু
- সামগ্রী বিতরণ নেটওয়ার্কগুলি ব্যবহার করা
- এইচটিটিপি সংক্ষেপণ
দুই সেকেন্ড। ২০০৯ সালে গুগল এবং বিংয়ের করা একটি সমীক্ষা অনুসারে, কোনও পৃষ্ঠার লোড সময়ের আগে পুনরাবৃত্তি ব্যবহার, সম্ভাব্য আয়, ব্যবহারকারীর ব্যস্ততা এবং গ্রাহক সন্তুষ্টি নিয়ে 'গুরুতর নেতিবাচক প্রভাব' পড়তে পারে এটি কতটা সময় নেয়। এই অনুসন্ধানগুলি এখন দুই বছরের পুরানো। আজ আমরা নিজেদেরকে আরও দ্রুত সংযোগের গতি, রিয়েল-টাইম ডেটা বিতরণ এবং তাত্ক্ষণিক অনুসন্ধানগুলিতে অভ্যস্ত ব্যবহারকারীদের জন্য খাদ্য সরবরাহ করতে দেখি।
যে কোনও সমস্যা সমাধানের জন্য অপরিহার্য, আমাদের অবশ্যই প্রথমে ঘটনার মূল কারণটি সনাক্ত করতে হবে। ভাগ্যক্রমে এমন অনেক সরঞ্জাম উপলব্ধ রয়েছে যা আপনাকে আপনার সাইটের গতি সতর্কতার সাথে বিশ্লেষণ করতে সহায়তা করবে, উল্লেখযোগ্যভাবে ইয়াহুর ফায়ারফক্স অ্যাড-অন ‘ySlow’ এবং গুগলের ক্রোম এবং ফায়ারফক্স এক্সটেনশন ‘পৃষ্ঠা গতি’। উভয়ই নিখরচায়, ইনস্টল করা সহজ এবং তাদের বিশ্লেষণে অনুরূপ স্তরের বিশদ সরবরাহ করবে।
এইচটিটিপি অনুরোধগুলি হ্রাস করা হচ্ছে
এইচটিটিপি অনুরোধগুলি হ্রাস করা আপনার সাইটের গতি বাড়ানোর সবচেয়ে কার্যকর উপায়। যখনই কোনও ব্রাউজার সার্ভার থেকে একটি ফাইল ‘পাওয়ার’ প্রয়োজন হয় তখনই এইচটিটিপি অনুরোধ ঘটে occurs এটি কোনও সিএসএস বা জাভাস্ক্রিপ্ট ফাইল থেকে শুরু করে কোনও চিত্র হতে পারে। বেশিরভাগ ব্রাউজারগুলি একবারে কেবল দুটি অনুরোধ করতে পারে, তাই ব্রাউজারটি দুটি ফাইলের জন্য অনুরোধ করবে, সেগুলি ডাউনলোড করবে এবং তারপরে পরবর্তী দুটিতে যাবে। কোনও পৃষ্ঠার যথাযথভাবে প্রদর্শন করার জন্য যত বেশি এইচটিটিপি অনুরোধ বা পৃথক উপাদানগুলির প্রয়োজন, ব্যবহারকারীকে তার অপেক্ষা আর অপেক্ষা করতে হবে।
সিএসএস এবং জাভাস্ক্রিপ্ট ফাইলগুলির সংমিশ্রণ
এইচটিটিপি অনুরোধ হ্রাস করার অন্যতম সাধারণ উপায় হ'ল যে কোনও বাহ্যিক সিএসএস ফাইল এবং জাভাস্ক্রিপ্ট ফাইলগুলিকে একের সাথে সংযুক্ত করা বা সম্ভবত যতটা সম্ভব সম্ভব। যদিও এটি ম্যানুয়ালি অর্জন করা সহজ, সেখানে কয়েকটি যুক্ত কার্যকারিতা সহ কয়েকটি সহজেই উপলভ্য সরঞ্জামগুলি উপস্থিত রয়েছে।
সংস্থানসমূহ:
ছোট করা
চিত্রগুলির পরিবর্তে CSS3 ব্যবহার করুন
সিএসএস 3 এর আরও কিছু পরীক্ষামূলক বৈশিষ্ট্যগুলির জন্য উন্নত ব্রাউজার সমর্থনগুলি কার্যকর করার জন্য যথেষ্ট সাহসীদের জন্য আপনার পৃষ্ঠায় যতগুলি চিত্র সম্পদ ব্যবহার করার প্রয়োজন তা সরিয়ে দিয়েছে। এইচটিটিপি অনুরোধে বাক্স-ছায়া, লিনিয়ার-গ্রেডিয়েন্ট এবং সীমানা ব্যাসার্ধের মতো বৈশিষ্ট্যগুলি কেবল প্রয়োগ করা নয়, এটি সম্পদ প্রস্তুত করতে এবং ভবিষ্যতে সেগুলিকে সম্পাদনা করতে সময় সাশ্রয় করে।
সংস্থানসমূহ:
CSS3Pie
সিএসএস 3 বনাম সিএসএস: একটি স্পিড বেনমার্ক
মডার্নজার
CSS3 দয়া করে
CSS3 ইমেজ স্প্রিটস
সিএসএস চিত্র ‘স্প্রিটিং’ হ'ল এক ছবিতে একাধিক গ্রাফিক্স একত্রিত করার এবং তারপরে পটভূমি-অবস্থানের সম্পত্তিটি ব্যবহার করে প্রদর্শন করার অনুশীলন। এটি গ্রাফিকাল নেভিগেশন অঞ্চলে ব্যবহৃত একটি জনপ্রিয় কৌশল এবং এটি নীচে দেখানো হিসাবে এর প্রধান নেভিগেশন অ্যাপল ব্যবহার করে। তবে এটি যে কোনও উদ্দেশ্যে সীমিত সীমিত গ্রাফিক্স প্রদর্শন করতে ব্যবহৃত হতে পারে।
এখানে তারা বিভিন্ন বিভিন্ন রাষ্ট্রের অবস্থান কীভাবে দেখায়:
#globalheader #globalnav li {পটভূমি-অবস্থান: 100% 0; রূপরেখা: কিছুই নয়; g #globalheader #globalnav li a.before fore পটভূমি-অবস্থান: 100% -36px; } #globalheader #globalnav li a: hover, # globalheader #globalnav li a: ध्यान {পটভূমি-অবস্থান: 100% -72px; g #globalheader #globalnav li a: সক্রিয় {পটভূমি-অবস্থান: 100% -108px; ; #globalheader #globalnav li # gn-আপেল এ apple পটভূমি-অবস্থান: 0 0; } # গ্লোবালহেডার # গ্লোবালনাভ লি # জিএন-আপেল এ.বরোয়ার {পটভূমি-অবস্থান: 0 -36px; } # গ্লোবালহেডার # গ্লোবালনাভ লাই # জিএন-আপেল এ: হোভার, # গ্লোবাল হেডার # গ্লোবালনাভ লি # জিএন-আপেল এ: ফোকাস {পটভূমি-অবস্থান: 0 -72px; ; #globalheader #globalnav li # gn-আপেল এ: সক্রিয় {পটভূমি-অবস্থান: 0 -108px; }
সংস্থানসমূহ:
ডাব্লু 3 স্কুলস সিএসএস ইমেজ স্প্রিটস
স্প্রিটার
সিএসএস ইমেজ স্প্রিট টিউটোরিয়াল
মিডিয়া প্রশ্নের
CSS2.1 আসার পর থেকে আমরা ‘মিডিয়া টাইপস’ এর মাধ্যমে নির্দিষ্ট ডিভাইসগুলিকে টার্গেট করতে সক্ষম হয়েছি, আমাদের পছন্দসই মুদ্রণ এবং মোবাইল স্টাইলশিট সরবরাহ করতে সক্ষম করে। সিএসএস 3 এখন আমাদের মিডিয়া ক্যোয়ারির ব্যবহারের মাধ্যমে স্ক্রিনের আকারগুলি পরিদর্শন করতে এবং অতএব একটি মূল স্টাইলশিটের মাধ্যমে সীমাহীন পরিমাণে ডিভাইসগুলিকে টার্গেট করতে সহায়তা করে, ফলে এটি একবারে প্রয়োজনীয় অতিরিক্ত এইচটিটিপি অনুরোধ সংরক্ষণ করে।
সংস্থানসমূহ:
জেএসমিন
YUI কম্প্রেসার
প্যাকার
চর্বিযুক্ত বিষয়বস্তু
কোনও সাইটের পারফরম্যান্সকে অনুকূল করে তোলার আরও বেশি বেশি সন্ধানী এবং তবুও একটি প্রাথমিক কৌশল হ'ল ব্যবহারকারীদের আরও প্রাসঙ্গিক সামগ্রী সরবরাহ করা। গত কয়েক বছর ধরে আমরা ব্যবহারকারীর দ্বারা উত্পাদিত সামগ্রী এবং রিয়েল-টাইমে বিতরণ করা তথ্যের পরিমাণে বিশাল বৃদ্ধি পেয়েছি। উচ্চমানের সামগ্রীটি উত্তোলন এবং বিতরণ করার কাজটি কখনই শক্তিশালী হয়নি। সাবধানে কুরআউট, স্ক্রাবিং এবং চেক করা বিষয়বস্তু কেবলমাত্র আরও বেশি অর্থবহ পরিষেবা প্রদানের মাধ্যমেই ব্যবহারকারীদের উপকার করে না, এর অর্থ হ'ল নিম্ন মানের এবং কম পছন্দসই বিষয়বস্তু পৃষ্ঠা লোডের সময়কে কমিয়ে দেয় না।
সংস্থানসমূহ:
রিয়েল টাইম ডেটা এবং আরও ব্যক্তিগতকৃত ওয়েব
সামগ্রী বিতরণ নেটওয়ার্কগুলি ব্যবহার করা
আপনার পৃষ্ঠাটি যে গতিতে লোড হয় সেই গতিটি আপনার ব্যবহারকারীর সান্নিধ্যের দ্বারা সরাসরি সার্ভারে আক্রান্ত হয় যেখানে আপনার সম্পদগুলি সরবরাহ করা হচ্ছে। একটি সামগ্রী বিতরণ নেটওয়ার্ক ব্যবহারকারীদের নিকটবর্তী সার্ভারের অবস্থানের মাধ্যমে আপনার দর্শকদের কাছে সার্ভারের একটি নেটওয়ার্কের মাধ্যমে আপনার স্ট্যাটিক ফাইলগুলি সরবরাহ করে, সুতরাং প্রতিক্রিয়া সময়টিকে অনুকূল করে। এটি বাস্তবায়নের জন্য তুলনামূলক জটিল বলে মনে হলেও সেখানে অনেক অর্থ প্রদানের পরিষেবা রয়েছে যা সস্তা এবং সেট আপ করা সহজ।
সংস্থানসমূহ:
ম্যাক্স সিডিএন
র্যাকস্পেস সিডিএন
এইচটিটিপি সংক্ষেপণ
উপরে বর্ণিত বিভিন্ন কৌশল ব্যবহার করে আপনার সাইটের উপাদান সংকোচনের পাশাপাশি আপনি অ্যাপাচি এবং পিএইচপি দিয়ে সার্ভার-সাইড সংক্ষেপে প্রতিটি ফাইল প্রক্রিয়া করার জন্য প্রয়োজনীয় সময়ও হ্রাস করতে পারেন। সংক্ষেপণের সর্বাধিক জনপ্রিয় এবং কার্যকর ফর্ম হ'ল জিজিপ।
আপনার সাইটটি এখানে জিজিপ কম্প্রেশন ব্যবহার করছে কিনা তা পরীক্ষা করতে পারেন:
www.whatsmyip.org/http_compression।
আপনার যথাসম্ভব যতগুলি উপাদান সংকোচনের চেষ্টা করা উচিত সেগুলি আপনাকে ইতিমধ্যে সঙ্কুচিত গিজিপ চিত্র এবং পিডিএফগুলি এড়ানো উচিত কারণ এটির ফলে কোনও ছোট আকারের ফাইলের আকার না আসে এবং কিছু ক্ষেত্রে, এমনকি ফাইলের আকারও বৃদ্ধি পেতে পারে।
সংস্থানসমূহ:
জিজিপ সংক্ষেপণ সক্ষম করা
জিজিপ সম্পর্কিত আরও ভাল নিবন্ধটি
