Back to Question Center
0

আমি CSS ফাইলে ছবিগুলি দ্রুত ডাউনলোড করতে ব্রাউজারকে কিভাবে উত্সাহ দিতে পারি? - মিমল্ট

1 answers:

আমার অনেক ছবি রাখার জন্য আমি সিএসএস ব্যবহার করি (

) এর জন্য ব্যাকগ্রাউন্ড এবং আমি প্রায়ই এটি খুঁজে পাই যে তারা এইভাবে ধীরে ধীরে লোড করে. তারা লোড শেষ জিনিস বলে মনে হচ্ছে. এমনকি ছোট ছোট আইকন ইমেজ এই ভাবে দেখানোর জন্য সময় লাগবে. একটি উপায় আছে ইমেজ জন্য ব্রাউজার একটি অগ্রাধিকার বলতে? বা এটি আগে থেকে CSS ফাইলে ইমেজ ডাউনলোড করতে এবং তাদের আগে রেন্ডার?

. - ray ban erika modello rb4171
February 7, 2018

সিএসএস স্টাইলের জন্য নয়, কন্টেন্ট নয়. ব্রাউজারগুলি (সঠিকভাবে) স্টাইল যুক্ত করার আগে সামগ্রী চেষ্টা এবং প্রদর্শন করে, সেইজন্য স্টাইল-শীটগুলির ছবিগুলি সাধারণত শেষ ডাউনলোডের কারণ।. যদি ইমেজগুলি আপনার বিষয়বস্তু এর জন্য গুরুত্বপূর্ণ হয় তবে তাদের মান HTML ট্যাগগুলির মাধ্যমে যুক্ত করুন.

আপনার স্টাইলশীট থেকে সম্পূর্ণ ইউআরআই ব্যবহার করুন এবং আই.এম.জি ট্যাগগুলি থেকে চিত্রগুলিকে একটি লুকানো

পৃষ্ঠাতে যুক্ত করুন (এই অনুমান করা হচ্ছে যে আপনি প্রতিটি পৃষ্ঠায় একই চিত্র ব্যবহার করছেন ; আদর্শভাবে পাদলেখ তাই তারা সব লোড এবং যেকোন প্রদত্ত পৃষ্ঠা কলে ক্যাশে).

পৃষ্ঠায় ছবিগুলি অগ্রাধিকার পায় এবং, একবার ছবিগুলি ক্যাশে করা হলে, পরবর্তী পৃষ্ঠার অনুরোধগুলিতে তারা অবিলম্বে রেন্ডার করবে.

ডেটা URI টাইপ সমর্থনকারী ব্রাউজারগুলির জন্য (দেখুন http: // en. উইকিপিডিয়া. CSS / wiki / Data_Uri তথ্যের জন্য) সিএসএস এ ইমেজটি অন্তর্ভুক্ত করতে.

এর কিছু অসুবিধা আছে যদিও:

  • সিএসএস যখন আলাদা আলাদাভাবে ক্যাশ করা হয় তখন ডাটা পুনরায় লোড হয়, যদিও আপনার সিএসএস পরিবর্তন নিয়মিত হয় না তবে এটি একটি সমস্যা নয়.
  • সিএসএস উত্তরাধিকারের অভাব এবং এই ধরনের মানে আপনি একই গ্রাফিক একাধিক বার অন্তর্ভুক্ত বা আপনার নথি ব্যবহৃত শ্রেণী পরিবর্তন করতে পারেন যখন বার (ব্যান্ডউইথ নষ্ট হয়ে) হতে পারে.
  • ইমেজগুলি বেস 64 এনকোডেড থাকে যখন এই পদ্ধতিটি ব্যবহার করা হয় যার অর্থ হল তারা আরো ব্যান্ডউইডথ (যদিও ব্যান্ডউইথ সমস্যাটি কম গুরুত্বপূর্ণ যদি আপনি ডাটা সংকুচিত করে থাকেন).
  • আপনার ব্রাউজারের জন্য বিকল্প শৈলী প্রদান করতে হবে যা ডেটা URIs সমর্থন করে না, যা কিছু অসাধারণ (যেমন IE6 এবং IE7 উদাহরণস্বরূপ).

ডান এখন কোন ফাইল ডাউনলোড প্রথম কোন ফাইল আছে উল্লেখ করার আছে. FYI, CSS ফাইলগুলি যেমন ব্যাকগ্রাউন্ড ইমেজ ডাউনলোড হিসাবে নির্দিষ্ট করা আছে শেষ সম্ভবত কারণ ব্রাউজারটি তাদের অ-সামগ্রী দেখায় এবং এইভাবে একটি নিম্ন অগ্রাধিকার তাই তাদের গুরুত্বপূর্ণ ছবিগুলির জন্য ব্যবহার করা এড়িয়ে চলুন যাতে আপনি দ্রুত লোড করতে চান.

ব্যবহার করুন CSS sprites , বিশেষ করে আইকনগুলির জন্য.

যতটা সম্ভব সম্ভব আপনার ছবিগুলি তৈরি করুন. আপনি smush ব্যবহার করতে পারেন. এটি অপ্রয়োজনীয় বাইটগুলি সরাতে.