গ্রীষ্ম 2019 ইমেজ অপ্টিমাইজেশান সমীক্ষা থেকে প্রতিক্রিয়া

বিভিন্ন ইমেজ অপ্টিমাইজেশান কৌশল সম্পর্কে সমীক্ষা উত্তরদাতাদের মন্তব্য

স্যাম ডাটন

এই পোস্টটি Google Web DevRel এর গ্রীষ্মকালীন 2019 ইমেজ অপ্টিমাইজেশান কৌশল সমীক্ষায় প্রাপ্ত ফ্রিফর্ম প্রতিক্রিয়া তালিকাভুক্ত করে। ওয়েব ফান্ডামেন্টাল এবং @ChromiumDev এর মাধ্যমে প্রতিক্রিয়া চাওয়া হয়েছিল। সমীক্ষার অনুপ্রেরণা ছিল কেন বেশিরভাগ সাইটগুলি ইমেজ অপ্টিমাইজেশানের সর্বোত্তম অনুশীলনগুলি অনুসরণ করে না যদিও তারা কর্মক্ষমতা উন্নত করার তুলনামূলকভাবে সহজ উপায় বলে মনে হয়। প্রতিক্রিয়া ডেটা এখানে তালিকাভুক্ত করা হয়নি কারণ জরিপ পদ্ধতিতে ত্রুটি ছিল।

শ্রোতা

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

মন্তব্য

ওয়েবপি

  • "আমি WebP পছন্দ করি কিন্তু এটি এখনও পুরোপুরি প্রস্তুত নয়। তাছাড়া, আমাদের ওয়ার্ডপ্রেস WebP সমর্থন করে না। সবচেয়ে জনপ্রিয় ফটো এডিটিং অ্যাপগুলির মধ্যে একটি, ফটোশপ, বাক্সের বাইরেও WebP সমর্থন করে না। তাই আমরা ইমেজ কম্প্রেশনের জন্য 3য় পক্ষের অ্যাপ বা পরিষেবাগুলির উপর নির্ভর করতে পারি না।"
  • "Safari-এ WebP ব্যবহারযোগ্য করুন।"
  • "আমি WebP ব্যবহার করতে পছন্দ করব যদি আমি সেগুলি ফটোশপ/ফিগমা/স্কেচ থেকে রপ্তানি করতে পারি এবং সমস্ত ব্রাউজার এটি সমর্থন করে।" [দ্রষ্টব্য: স্কেচ WebP সমর্থন করে]
  • "পরবর্তী জেনার ফর্ম্যাটিং সমাধানটি দুর্দান্ত হবে।"
  • "যখন ব্রাউজার সমর্থন দুর্বল হয় তখন ওয়েবপিকে এত কঠিনভাবে চাপানো বন্ধ করুন এবং স্ক্রিনশটের জন্য JPEG-এর পরিবর্তে PNG-এর প্রয়োজনীয়তা বিবেচনা করুন।"
  • "Google ডক্স WebP সমর্থন করে না।"
  • "আমরা একচেটিয়াভাবে WebP ব্যবহার করব, কিন্তু ব্রাউজার সামঞ্জস্য নিয়ে উদ্বিগ্ন।"
  • "প্রথমে ব্রাউজারের সামঞ্জস্যতা ঠিক করুন এবং লিগ্যাসি ব্রাউজার আপডেট করুন বা লিগ্যাসি ফিক্স যোগ করুন, তারপরে লোকেরা WebP এর মত নতুন ইমেজ টাইপগুলি গ্রহণ করতে আরও বেশি ঝুঁকবে..."
  • "প্লাগইন/থিম ডেভেলপারদেরকে WebP এবং অন্যান্য পরবর্তী-জেনার ইমেজ প্রকারে সমর্থন প্রদানের কথা বিবেচনা করতে উত্সাহিত করুন, যাতে অ-বিকাশকারীদের এটির সাথে বাজিমাত করতে না হয়।"

SVG এবং ভেক্টর ছবি

  • "যদি সম্ভব হয় আমি (অ্যানিমেটেড) SVG ব্যবহার করছি। gatsby-image এর অনেক কিছু ঠিক করে ফেলেছে। কিন্তু যখন আপনি তারা যা করেছেন তা খতিয়ে দেখবেন, এটা সম্পূর্ণ অবাস্তব যে একটি সাধারণ ওয়েবসাইটকে ইমেজগুলোকে সঠিকভাবে কাজ করার জন্য এরকম কিছু তৈরি করতে হবে। ব্রাউজারকে এই দায়িত্বের আরও বেশি দায়িত্ব নিতে হবে।"
  • " lottie.js এর সাথে SVG অ্যানিমেশন কিভাবে তৈরি করা যায় তা কি ডকুমেন্ট করা সম্ভব হবে?"
  • "লোড হওয়ার সময় এড়াতে আমরা বেশিরভাগ সময় আমাদের ওয়েবসাইটে কম আকারের বড় রেজোলিউশনের JPEG ছবি ব্যবহার করার চেষ্টা করি। প্রতিক্রিয়াশীল ডিজাইনের জন্য গুণমান সরবরাহ করার জন্য আমরা SVG ব্যবহার করার বিষয়টিও নিশ্চিত করি।"
  • "আমরা সম্ভব হলে ছবি ছাড়া সকলের জন্য অপ্টিমাইজড ভেক্টর গ্রাফিক্স ব্যবহার করার চেষ্টা করি।"

অন্যান্য ইমেজ ফরম্যাট

  • "জিআইএফ ব্যবহার বন্ধ করার জন্য আমাদের [আমাদের] আরও ভালভাবে শিক্ষিত করা দরকার।"

অলস লোড হচ্ছে

  • "অলস লোডের মতো বৈশিষ্ট্যগুলি বিবেচনা করার সময় অনুগ্রহ করে ব্যবহারকারীকে মনে রাখবেন, কারণ অনেকের জন্য এটি বিরক্তিকর।"
  • "অলস লোড বৈশিষ্ট্যটি ব্যাকগ্রাউন্ড-ইমেজের সাথে কাজ করুন দয়া করে।"
  • "ফ্রেমওয়ার্কগুলিকে বাক্সের বাইরে আরও ভাল সম্পদ প্রক্রিয়াকরণ করা উচিত।"
  • "আমরা অনেক আগেই অলস লোডিং থেকে রূপান্তরিত হয়েছি। লক্ষ লক্ষ ছবি এবং সাইটের ব্যবহারকারীর রিপোর্ট "লোড হচ্ছে না"
  • "আমি প্রথাগত কৌশলগুলি ব্যবহার করার পরিবর্তে অলস লোডিংয়ের জন্য ইন্টারসেকশন অবজারভার API ব্যবহার করার বিষয়ে আরও ভাল বোঝার জন্য আগ্রহী।"
  • "এটি আমার জন্য ভাল কাজ করে: pwafire.org/developer/codelabs/progressive-loading ।"

পটভূমি ছবি

  • "আমি সাধারণত সিএসএসে ব্যাকগ্রাউন্ড হিসাবে ছবি লোড করি।"
  • " <img> ট্যাগ সমস্যাযুক্ত এবং বিশেষত ব্যবহারকারীর জমা দেওয়া বিষয়বস্তু সম্পর্কে সূক্ষ্ম বিবরণ নিয়ন্ত্রণ করা কঠিন। আমরা <div> এবং ব্যাকগ্রাউন্ড-ইমেজ স্টাইলিং অনেক বেশি ব্যবহার করি কারণ এটি আমাদের ব্যাকগ্রাউন্ড-আকার, ব্যাকগ্রাউন্ড-পজিশন ব্যবহার করতে দেয় এবং ইমেজের ডান-ক্লিক সংরক্ষণ প্রতিরোধ করে।"

স্বচ্ছতা

  • "এটি 2019। আলফা স্বচ্ছতা ছাড়া JPG গুলি এখনও কীভাবে?"
  • "আমি শুধুমাত্র ফটোগ্রাফের জন্য PNG ব্যবহার করি যখন আমার একটি স্বচ্ছ ব্যাকগ্রাউন্ডের প্রয়োজন হয়।"

নিম্নমানের ছবির স্থানধারক (LQIPs)

  • "আমরা LQIPS ব্যবহার করি এবং এটি একটি দুর্দান্ত কৌশল যা দর্শকদেরকে উচ্চ মানের ছবি লোড না করে নিযুক্ত রাখতে খুব তাড়াতাড়ি।"

কর্মক্ষমতা

  • "আমাদের আসলে ইমেজগুলির সাথে একটি সাম্প্রতিক পারফরম্যান্স সমস্যা ছিল৷ একজন ব্যবহারকারী আমাদের সাইটে স্ক্রোল করার সাথে সাথে, আমরা পরবর্তী 60টি কার্ড দেখাই যার মধ্যে একটি থাম্বনেইল রয়েছে৷ একই ডোমেনে 6টি সংযোগ সীমার কারণে, থাম্বনেইলগুলি ব্লক করা হয়েছিল সেইসাথে পরবর্তী 60টি কার্ড পাওয়ার জন্য পরবর্তী AJAX অনুরোধ যদি একজন ব্যবহারকারী নীচে স্ক্রোল করতে থাকে।"
  • "আমরা HTTP/2 ব্যবহার করতে চাই কিন্তু আমাদের বেশিরভাগ গ্রাহকই IE11 ব্যবহার করে! তাই আমরা ডোমেন শার্ডিং/লোডিং AJAX JSON ডেটার অনুরোধ আলাদা ডোমেনের বাইরে নিয়ে যাচ্ছি।"

সাইজিং

  • "অভ্যন্তরীণ আকারের জন্য দুঃখিত; উচ্চতা/প্রস্থ লাভ করা আমার কাছে ভাল বলে মনে হয়।"
  • "কম আকার তৈরি করার উপায় খুঁজছেন, এই মুহূর্তে এটি ~12।"
  • "চিত্রের গতিশীল আকার পরিবর্তন সত্যিই কঠিন এবং JS ছাড়া অসম্ভব।"
  • " responsivebreakpoints.com এর মত একটি টুল web.dev এর জন্য ভালো :)।"

উচ্চ মানের এবং উচ্চ-রেজোলিউশনের ছবি

  • "কিভাবে DPI গুণমান না হারিয়ে কম্প্রেস ছবি ডাউনলোড করবেন?"
  • "আমরা একটি ডকুমেন্ট ম্যানেজমেন্ট কোম্পানি। আমাদের অ্যাপগুলি লক্ষ লক্ষ হাই-রেস স্ক্যান করা ছবিগুলি পরিচালনা করে, সাধারণত TIFF বা PDF।"
  • "এটি একটি ঝামেলা। হাই-রেজাল্ট img ফাইলগুলি প্রিন্ট ফরম্যাটের জন্য প্রয়োজনীয়; ওয়েবের জন্য অপ্টিমাইজ করা আবশ্যক। ওয়েবের জন্য চিত্রগুলিকে ছোট করা একটি ঝামেলা কিন্তু এটি একটি শো-স্টপার যদি লেখকরা শুধুমাত্র মুদ্রণ প্রকাশের জন্য নির্ধারিত চিত্রগুলির জন্য হালকা ফাইল সরবরাহ করে। আমরা ম্যানুয়ার্কের জটিল প্রক্রিয়ার সাথে winduart প্রক্রিয়ার জন্য জমা দেওয়ার জন্য প্রয়োজনীয়তা সম্পর্কে মিশ্র বার্তা দেওয়া বন্ধ করি। ঐ উপকরণ।"

ব্রাউজার ক্ষমতা

  • "[বিল্ট-ইন] বৈশিষ্ট্য হিসাবে ব্রাউজার থেকে স্বয়ংক্রিয় প্রতিক্রিয়াশীল src ক্রপ করা খুবই উপযোগী হবে কারণ এটি সমস্ত ছবিকে 4 আকারে ক্রপ করা এবং সমস্ত মার্কআপ লেখার জন্য সময়সাপেক্ষ। আমরা যদি একটি বড় ছবি আপলোড করতে পারি এবং একটি সাধারণ ছবি ট্যাগ লিখতে পারি তাহলে ব্রাউজার স্বয়ংক্রিয়ভাবে একাধিক src বৈশিষ্ট্য তৈরি করবে যা একটি বিজয়ী বৈশিষ্ট্য হবে।"
  • "ব্যক্তিগতভাবে আমার পৃষ্ঠার রিফ্লো এড়াতে কষ্ট হয় যখন প্রতিক্রিয়াশীল চিত্রগুলির জন্য CSS দ্বারা ইমেজ সেট করা হয় (সর্বোচ্চ-প্রস্থ: 100%; উচ্চতা স্বয়ংক্রিয় বা উচ্চতা: প্রস্থ: 100%; উচ্চতা স্বয়ংক্রিয়), বিশেষত অভিযোজিত চিত্র/ছবি ট্যাগ থেকে শিল্প নির্দেশনার সংমিশ্রণে। ছবি এড়ানোর সর্বোত্তম উপায় হ'ল একটি ফিক্সিং ইমেজ ব্যবহার করার জন্য "অ্যাডাপ্টিভ ইমেজ" এবং তারপরে এই অনুপাত বাক্সের ভিতরে ইমেজটি স্থাপন করুন ভাল ব্রাউজার সমর্থন/প্রতিক্রিয়াশীল ইমেজ হ্যান্ডলিং সত্যিই একটি দুর্দান্ত সাহায্য হবে!"
  • "শুধু প্রথম ফ্রেম এনে GIF "অটোপ্লে" অক্ষম করুন।"

CDN এবং ছবি পরিষেবা

  • "গুগলকে ক্লাউডফ্লেয়ারের মতো একটি বিনামূল্যের সিডিএন প্রদান করা উচিত।"
  • "হয়তো বিভিন্ন প্রদানকারীর সাথে ডায়নামিক স্কেলিং এবং CDN সেট আপ করার জন্য আরও টুলিং চমৎকার হবে।"
  • "একটি একক ওভারসাইজ ওভারকম্প্রেসড ইমেজ একটি খুব শালীন সমাধান যার কোনো অতিরিক্ত উৎপাদন খরচ নেই। মোবাইলের জন্য আপনার প্রায় 1000 পিক্সেল প্রশস্ত ছবি প্রয়োজন (500px রেন্ডার প্রস্থ) এবং এটি বড়/ডেস্কটপ নন-রেটিনা ডিসপ্লেগুলির জন্য আপনার প্রয়োজনীয় আকারও। আমি মনে করি ইমেজ রিসাইজ CDNs একটি খুব খারাপ সমাধান, যদিও আমি অতীতে CMS এর জটিল এবং হ্যান্ডেলাইজিং ব্যবহার করা উচিত ছিল। সেট আপ করার জন্য, একটি একক সমাধান একটি ভাল আপস (আপাতত)।"
  • "ক্লাউডফ্লেয়ার আমাদের ছবিগুলিকে ব্যবহারকারীর ডিসপ্লের সাথে সর্বোত্তম মেলানোর জন্য স্বয়ংক্রিয়ভাবে স্কেল করে৷ তাই আমরা লোডিং সময় বাঁচাতে পারি কারণ ছবিগুলি ব্যবহারকারীর ডিসপ্লের সাপেক্ষে লোড করা হয়৷ উদাহরণস্বরূপ, যদি কোনও ব্যবহারকারী ফোনে থাকে তবে এটি ডেস্কটপ-আকারের পটভূমিতে লোড হবে না৷"
  • "ক্লাউডফ্লেয়ার আমাদের সেটিংস প্যানেলে একটি বাক্স চেক করা ছাড়া আমাদের কিছু করার ছাড়াই পটভূমিতে এটি করে।"
  • "শুধু পুনরাবৃত্তি করার জন্য, ক্লাউডিনারির সহজতার কারণেই আমি সফলভাবে srcset ইত্যাদি ব্যবহার করতে পারি। কিন্তু ক্লাউডিনারি ব্যয়বহুল হয়ে ওঠে, সত্যিই দ্রুত। এটি বিকাশের অভিজ্ঞতার একটি বড় গর্ত বলে মনে হয়।"
  • "আমাদের একটি স্মার্ট উপায়ে সহজেই স্বয়ংক্রিয়ভাবে ছবি ক্রপ করার একটি উপায় দরকার যাতে তারা বিভিন্ন প্রসঙ্গে বিভিন্ন দিক অনুপাতের সাথে কাজ করতে পারে।"
  • "আমি আনস্প্ল্যাশের মতো অন্যান্য সরবরাহকারীদের থেকেও ছবি ব্যবহার করি যেখানে রেজোলিউশন, গুণমান এবং কম্প্রেশনের খুব কম নিয়ন্ত্রণ থাকে।"

CMS, প্ল্যাটফর্ম এবং ফ্রেমওয়ার্ক

  • "আমি যখন সিএমএস ব্যবহার করে একটি সাইট তৈরি করছি তখন ছবিগুলি ব্যবহার করার সর্বোত্তম উপায় কী তা খুঁজে বের করার জন্য আমি এখনও সংগ্রাম করি৷ লেখকরা বিভিন্ন মাত্রা সহ ছবিগুলি কনফিগার করার প্রবণতা রাখেন এবং আশা করেন যে ছবিগুলি সঙ্কুচিত বা স্কেল না হবে৷ আমি নিশ্চিত নই যে চিত্রগুলিতে সর্বোচ্চ-প্রস্থ বা সর্বোচ্চ-উচ্চতা সেট করা ঠিক হবে কিনা"
  • "গত কয়েকটি প্রকল্পের জন্য গ্যাটসবাই-ইমেজ ব্যবহার করা হচ্ছে এবং কখনও পিছনে ফিরে তাকাইনি।"
  • "ছবিগুলি প্রায়শই কঠিন অংশ হয় কারণ সেগুলি শেষ ব্যবহারকারীর দ্বারা CMS-এ রাখা হয়, তারা যে কোনও আকার, বিন্যাস ব্যবহার করতে পারে, কখনও কখনও আদর্শ চিত্র বিন্যাসে আসল চিত্র এবং মাত্রাগুলি উপলব্ধ নয়।"
  • "ছবিগুলি রক্ষণাবেক্ষণ করা কঠিন যেহেতু আমাদের সিস্টেম স্ব-পরিষেবা যোগ করা নিয়ন্ত্রণগুলি কঠিন যদি না জিনিসগুলি রেজোলিউশনকে প্রভাবিত না করে স্বয়ংক্রিয়ভাবে ঘটে। এছাড়াও আমাদের জন্য ছবিগুলি মোবাইল বনাম ডেস্কটপে সঠিক দেখায় না"
  • "আমি লোকেদের তাদের সাইটগুলি (ওয়ার্ডপ্রেস) অপ্টিমাইজ করতে সাহায্য করি৷ চিত্রগুলির জন্য আমি যে সবথেকে বড় সমস্যা দেখেছি তা হল: ওয়েবপি তৈরি করার জন্য একটি CDN বা প্লাগইনগুলির উপর নির্ভর করতে হবে৷ srcset/ছবিকে থিম বিকাশকারীদের দ্বারা সঠিকভাবে কোড করতে হবে৷ বেশিরভাগ অলস লোডিং প্লাগইনগুলি ধীরে ধীরে খারাপ UX প্রদান করে লোড করা কঠিন৷"

খরচ/সুবিধা

  • "নতুন অনুশীলনগুলি কার্যকর কিন্তু সাইটগুলির বিকাশের সময় বাড়ায়।"
  • "srcset এবং WebP-এর মতো নতুন মানগুলির আনুগত্যের অভাব অনেক Fortune 500 কোম্পানির দ্বারা গৃহীত হতে ধীর গতিতে হয়েছে। এটি দেখে, অনেক কোম্পানি বর্তমান ওয়েবসাইটের জন্য একটি অপ্রয়োজনীয় উন্নয়ন খরচ হিসাবে পরিবর্তনকে প্রতিহত করেছে। কার্যক্ষমতা লাভগুলি শেষ ব্যবহারকারী (UX) দ্বারা ব্যাপকভাবে আলোচিত বা রিপোর্ট করা হয় না। যদি কিছু হয় তবে এটি ওয়েব থেকে ছবি সংরক্ষণ করা কিছুটা কঠিন করে তোলে।"
  • "একাধিক আকার, সংস্করণ তৈরি এবং পরিচালনা করা ব্যয়বহুল।"
  • "তারা আমাদের সার্ভারে অনেক জায়গা নেয়।"

এসইও

  • "গ্রহণযোগ্য চিত্রের গুণমান এবং ফাইলের আকারের মধ্যে ভারসাম্য বজায় রাখা কঠিন। একদিকে, আমি এসইও সুবিধার জন্য দ্রুত লোডিং চাই, কিন্তু অন্যদিকে, খারাপ মানের চিত্রগুলি UI/UX থেকে হ্রাস পাবে।"

ওয়েবে ছবির ভূমিকা

  • "ওয়েবে অনেক বেশি। অকেজো ছবি ব্যবহার করা বন্ধ করুন যা লিখিত বিষয়বস্তুকে উন্নত করে না।"
  • "আপনি কি এখনও সেই সময়ের কথা মনে করেন যখন ওয়েবে ছবি ছিল না এবং আমরা ASCII-আর্ট হিসাবে সেলফি শেয়ার করতাম?"

টুলিং, নির্দেশিকা, মান এবং সেরা অনুশীলন: হতাশা এবং অনুরোধ

  • [একজন অংশগ্রহণকারী এই সমীক্ষার প্রতিক্রিয়ায় একটি ব্লগ পোস্ট লিখেছেন]
  • "প্রয়োজনীয়তা ক্রমাগত পরিবর্তিত হচ্ছে বলে মনে হচ্ছে। একজন ওয়েব ডেভেলপার হিসাবে এটি অত্যন্ত হতাশাজনক কারণ এটি প্রথম স্থানে ছবিগুলি সংরক্ষণ করা সময়সাপেক্ষ। আমরা যতটা সম্ভব অপ্টিমাইজ করি, আমরা সাইটটি পরীক্ষা করি এবং তারপর কয়েক মাস পরে Google সিদ্ধান্ত নিয়েছে যে ছবিগুলি আরও বেশি সংকুচিত হতে পারে বা একটি ভিন্ন ফর্ম্যাটে হতে পারে। এটি আমাদেরকে বাধা দেয় এবং আমাদের ক্লায়েন্টদের জন্য শেষ সম্ভাব্য সমাধান প্রদান করতে পারে এবং আমাদের শেষ খরচে শেষ করতে পারে। আমাদের ছোট ব্যবসার ক্লায়েন্টদের কাছে আমাদের কাছে ছবিগুলিকে ঠিক করে রাখার জন্য এবং প্রয়োজনীয়তাগুলি মেনে চলার জন্য আমাদের কাছে বাজেট নেই৷
  • "হ্যাঁ, আমি মনে করি আপনি লাইটহাউসে "অনুরোধের সংখ্যা কম এবং ফাইলের আকার ছোট রাখুন" সব ভুল পেয়েছেন। যদি কোনো সাইট HTTP1.x-এর উপরে পরিবেশন করে তবে নিশ্চিত, কিন্তু যদি কোনো সাইট HTTP2-এর উপরে পরিবেশন করে তাহলে অনুরোধের সংখ্যা কম গুরুত্বপূর্ণ নয় বা একই হোস্টনাম থেকে উদ্ভূত হলে কোনো সমস্যাও নয়। আমার একটি লাইট ওয়েবসাইট আছে, কিন্তু আমি HTTPs30 30 টি অ্যাপের ছোট ফাইল লোড করি। একই হোস্টনাম এটিকে "রিকোয়েস্ট কাউন্টস লো এবং ফাইল সাইজ ছোট" হিসাবে চিহ্নিত করছে এবং একই হোস্টনেমটিতে HTTP2 এর কারণে কোনো সমস্যা নেই (অধিকাংশ 1 KB এবং 2 KB এর মধ্যে বা কম লোড করার জন্য দয়া করে) "অনুরোধের সংখ্যা কম রাখুন এবং ফাইলের আকার ছোট করুন" লাইটহাউসে একই হোস্টনামের উপর HTTP2 নেওয়ার জন্য রিপোর্ট৷
  • "মানুষের জন্য তাদের ছবি সংকুচিত করার জন্য এটি একটি সংগ্রাম হয়েছে।"
  • "ক্রস ব্রাউজার আচরণ অপ্রত্যাশিত থেকে যায় তাই সবচেয়ে সহজ সমাধানগুলি প্রায়শই নিরাপদ।"