ব্যান্ডউইথ হ্রাস করার কার্যকর পদ্ধতিগুলি (এবং এভাবে পৃষ্ঠা লোডের সময়গুলি)?


12

কোনও ওয়েবসাইটের কোনও পৃষ্ঠা রেন্ডার করার প্রয়োজন ব্যান্ডউইথের পরিমাণ হ্রাস করার ক্ষেত্রে সবচেয়ে কার্যকর পদ্ধতিগুলি কী কী?

আগ্রাসী ক্যাচিং? মাইনিফিং জেএস / সিএসএস? Gzip? , CMS? Sprites?


সদৃশ প্রশ্নের সদুত্তর উত্তর পেয়েছে: ওয়েবমাস্টার্স.স্ট্যাকেক্সেঞ্জার.কম
ব্রায়সন

1
এই প্রশ্নটি প্রথমে ছিল, সুতরাং অন্যটি হ'ল সদৃশ
মার্ক হেন্ডারসন

উত্তর:


10

কয়েকটি ওয়েবসাইট সহজেই প্রয়োগযোগ্য কিছু প্রাথমিক পদ্ধতি:

  • আপনার এইচটিএমএল, সিএসএস এবং জাভাস্ক্রিপ্ট সংক্ষিপ্ত করুন deflateবা gzipযদি অনুরোধ করেছে এমন ব্রাউজার এটি সমর্থন করে।
  • গুগল ক্লোজার কম্পাইলারের সাহায্যে আপনার জাভাস্ক্রিপ্ট মিনিফাই করুন
  • আপনার সিএসএসকে YUI সংক্ষেপক দিয়ে সংক্ষিপ্ত করুন

আরও কিছুটা জড়িত:

  • যদি কোনও পৃষ্ঠা বা চিত্র পরিবর্তনের সম্ভাবনা না থাকে তবে ব্রাউজারটিকে এটি ক্যাশে করতে বলুন। স্ট্যাটিক ফাইলগুলির জন্য বেশিরভাগ ওয়েব সার্ভারগুলি ইতিমধ্যে এটি করে থাকে, তাই আপনাকে যা করতে হবে কেবল এটি আপনার গতিশীল স্ক্রিপ্টগুলিতে যুক্ত করা উচিত where
  • আপনার সিএসএস এবং জেএস ফাইলগুলি স্বয়ংক্রিয়ভাবে একক মধ্যে মার্জ করুন । এটি সুবিধাজনক কারণ এটি এইচটিটিপি অনুরোধগুলি হ্রাস করে (যার ওভারহেড রয়েছে এবং কোনটি নির্বোধ ব্রাউজারগুলি রয়েছে - এবং এর অর্থ আমি ইন্টারনেট এক্সপ্লোরার - ডোমেন প্রতি এক সময় ডিফল্ট 2 অনুরোধ সীমাবদ্ধ করি)।
  • আপনার স্ট্যাটিক ফাইলগুলি (সিএসএস, জেএস, চিত্রগুলি, ইত্যাদি) একটি পৃথক ডোমেন নামে সরান। এটি HTTP অনুরোধে কুকি তথ্য প্রেরণ না করার কারণ ঘটায়।
  • স্প্রেটগুলি ব্যবহার করুন যা স্বয়ংক্রিয়ভাবে উত্পন্ন হয় । একটি স্প্রাইট হ'ল একক চিত্র যা একাধিক আইকন বা অন্যান্য ছোট চিত্র ধারণ করে; তারপরে আপনি সিএসএস backgroundসম্পত্তি সহ কোন চিত্রটি প্রদর্শন করবেন তা চয়ন করুন । উদাহরণ

    সুবিধাটি হ'ল ক্লায়েন্টটি কম HTTP অনুরোধ করে (যার ওভারহেড থাকে)।

আমি "স্বয়ংক্রিয়ভাবে" সাহসী হয়েছি কারণ আপনি যদি এই জিনিসগুলি ম্যানুয়ালি করে থাকেন তবে অবশ্যই এটি উপযুক্ত নয়, এবং এটি কোড রক্ষণাবেক্ষণকে দুঃস্বপ্ন করে তোলে। সাধারণত এটি করার অর্থ স্বয়ংক্রিয়ভাবে একটি কাস্টম স্ক্রিপ্ট লেখা, যার কারণে এটি "আরও কিছুটা জড়িত",


আমি উত্তর দিতে যাচ্ছিলাম, তবে আমার মনে হয় আপনি সবকিছু আবৃত করেছেন :)
ইকো বলেছেন রিনস্টেট মনিকা

ওভারহেড প্রকৃতপক্ষে একটি গুরুত্বপূর্ণ বিষয় বিবেচনা করা উচিত, ছোট ফাইলের জন্য, তারা স্থানান্তরিত ডেটার একটি ভাল centালাও প্রতিনিধিত্ব করতে পারে।
HoLyVieR

ডিফল্টের আশেপাশে ইন্টারনেট এক্সপ্লোরারে কোনও বাগ রয়েছে বলে আপনি সাবধানতার সাথে ব্যবহারকারী এজেন্টটি পরীক্ষা না করে ডিফল্ট ব্যবহার করবেন না।

@ কিনোপিকো: হ্যাঁ, ভাল পরামর্শ। দেখুন আমার প্রশ্নের স্ট্যাক ওভারফ্লো উপর।
টমাস বনিনি

5

গুগল তাদের প্রস্তাবনাগুলিকে সর্বোত্তম ন্যূনতম পে-লোড আকারের রূপরেখা তৈরি করেছে এবং ব্যাখ্যা করেছে । তারা নিম্নলিখিত কৌশল অন্তর্ভুক্ত:

  1. কম্প্রেশন সক্রিয়
  2. অব্যবহৃত সিএসএস সরান
  3. জাভাস্ক্রিপ্ট Minify করুন
  4. সিএসএস মাইনাইফ করুন
  5. মিনিফাইটি এইচটিএমএল
  6. জাভাস্ক্রিপ্ট লোডিং স্থগিত করুন
  7. চিত্রগুলি অনুকূলিত করুন
  8. ছোট আকারের চিত্র পরিবেশন করুন
  9. ধারাবাহিক URL থেকে সংস্থানগুলি পরিবেশন করুন

এই পরামর্শগুলি তাদের ওপেন-সোর্স ফায়ারফক্স / ফায়ারব্যাগ অ্যাড-অন প্রকল্পের একটি পৃষ্ঠা যা গতি বলে । ইয়াহুর ওয়াইস্কো প্লাগইনের মতোই । প্রকৃত পৃষ্ঠার গতি অ্যাড-অন সেই তালিকাটি বিশদভাবে ব্যাখ্যা করার চেয়ে আরও অনেক বেশি অনুকূলিতকরণের জন্য পরীক্ষা করবে check পৃষ্ঠা গতি ব্যবহারের জন্য নির্দেশাবলীও উপস্থাপন করা হয়েছে।

ইয়াহু! আপনার ওয়েবসাইটের গতি বাড়ানোর সেরা অভ্যাসগুলি একই ধরণের সেরা অনুশীলনের সেটটি সনাক্ত করে:

  1. এইচটিটিপি অনুরোধগুলি ছোট করুন
  2. একটি সামগ্রী বিতরণ নেটওয়ার্ক ব্যবহার করুন
  3. একটি মেয়াদসীমা বা একটি ক্যাশে-নিয়ন্ত্রণ শিরোনাম যুক্ত করুন
  4. গিজিপ উপাদান
  5. স্টাইলশীট শীর্ষে রাখুন
  6. স্ক্রিপ্টগুলি নীচে রাখুন
  7. সিএসএস এক্সপ্রেশন এড়িয়ে চলুন
  8. জাভাস্ক্রিপ্ট এবং সিএসএসকে বাহ্যিক করুন
  9. ডিএনএস লুকআপ হ্রাস করুন
  10. ...

(ইয়াহু! এর তালিকাটি 35 ডলারের আইটেম দীর্ঘ, এটির পুরোপুরি উদ্ধৃতি দেওয়ার দরকার নেই))

ওয়াইস্লো (চিত্রের লিঙ্ক) এবং পৃষ্ঠা গতি (চিত্র লিঙ্ক) উভয়ই আপনাকে আপনার পৃষ্ঠাগুলিতে পরীক্ষা চালানোর অনুমতি দেবে, আপনি যা করতে পারেন তার পরামর্শ দিয়ে এবং তাদের প্রস্তাবনাগুলির মধ্যে ইতিমধ্যে কার্যকর করা হয়েছে কি তা আপনাকে দেখায়।

আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.