গুগল পেজস্পিড: নতুন চিত্র সংক্ষেপণের নিয়ম কীভাবে সন্তুষ্ট করবেন?

Question

আমাদের কাছে ভাল পেজবীজ-মান সহ বেশ কয়েকটি পৃষ্ঠা রয়েছে - এমনকি এটি 100/100 সহ with কিছু দিন থেকে, পেজস্পিড সমস্ত সাইট জুড়ে দাবি করেছে (প্রযুক্তিগতভাবে পৃথক, বিভিন্ন সার্ভার) যে আমাদের চিত্রগুলি আরও অনুকূলিত করা যায়।

কেউ কি জানেন যে অ্যালগরিদম দ্বারা ঠিক কী পরিবর্তন করা হয়েছে? PS 100/100 (এর আগে) এর সাথে আমরা জেপগোপটিম ব্যবহার করি, সুতরাং কীভাবে আরও অনুকূলিতকরণ করা যায় তা আমরা সত্যই জানি না। চিত্রগুলি আমাদের অ্যাপ্লিকেশন দ্বারা আপলোড করা হয় এবং তারপরে অনুকূলিত হয়।

যে কোনও অন্তর্দৃষ্টি প্রশংসা করা হবে। PS এর জন্য কোথাও একটি চেঞ্জলগ আছে?

Comments

আপনি কি ডেস্কটপ পরীক্ষায় বা মোবাইল পরীক্ষায় সেই বার্তাটি দেখতে পাচ্ছেন?

— গয়েলো

উভয়ই বাদ পড়েছে ...

— রাফেল জেগার

এটি আরও ভাল কাজ করতে পারে কিনা তা নিশ্চিত নন, তবে গুগল জেপিইজি চিত্রগুলি অনুকূল করার জন্য জেপিগট্রান ব্যবহারের পরামর্শ দিচ্ছে । এটি আরও উপস্থিত হয় যে গুগল ওয়েবপ নামক একটি নতুন চিত্র ফর্ম্যাটটিকে চাপ দিচ্ছে যা ছোট আকারের, তবে ব্রাউজারের দুর্বল সমর্থন।

— স্টিফেন অস্টেরমিলার

আমি এটাও লক্ষ্য করেছি। আমি জানি যে ওয়েবপেজটেষ্ট তার বেসলাইন হিসাবে জেপিজিগুলির জন্য 85% মানের ব্যবহার করে। তবে আমি যদি 80% মানের নীচে না যায় তবে আমি গুগলের প্রস্তাবিত আকারের কাছে যেতে পারি না।

— অসন্তুষ্ট গোয়াট

Answer 1

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

অতীতে আমি ব্যবহার করেছি:

find . -iname "*.jpg" -exec jpegoptim --strip-all -o -p {} \;

এবং দুর্দান্ত ফলাফল পেয়েছে।

জানুয়ারী 2017 সমাধান: 85% মানের এর কৌশলটি করা উচিত:

find . -iname "*.jpg" -exec jpegoptim --strip-all -m85 -o -p {} \;

গুগল পৃষ্ঠার গতিতে 100/100 এ ফিরে যান।

জেডআরবি ফাউন্ডেশন 6 এর জন্য আমার গল্প / এনপিএম ডিপ্লোয় পদ্ধতির একটি অংশ এখানে রয়েছে

// Copy images to the "dist" folder
// In production, the images are compressed
function images() {
  return gulp.src('src/assets/img/**/*')
    .pipe($.if(PRODUCTION, imagemin(
      [
        imagemin.gifsicle({interlaced: true}),
        imageminJpegoptim({
          max: 85,
          progressive: true
        }),
        imagemin.optipng({optimizationLevel: 5}),
        imagemin.svgo({plugins: [{cleanupIDs: false, removeEmptyAttrs: false, removeViewBox: false}]})
      ],
      {
      },
      {
        verbose: true
      }
    )))
    .pipe(gulp.dest(PATHS.dist + '/assets/img'));
}

আপনাকে এনপিএম মডিউলগুলি গল্প-ইমেজমিন ইমেজমিনি-জেপিগোপটিম যুক্ত করতে হবে

var imagemin = require('gulp-imagemin');
const imageminJpegoptim = require('imagemin-jpegoptim');

Comments

সাইটে স্বাগতম। কেবল স্পষ্ট করে বলার জন্য, আপনি কী বলছেন যে আপনি চিত্রগুলির অনুকূলকরণ সম্পর্কে একই বিজ্ঞপ্তিটিও পেয়েছেন যেখানে আগে আপনি করেননি? যদি তা হয় তবে আপনি যুক্ত jpegoptim বিকল্পগুলি কি সমাধান করতে সহায়তা করেছিল?

— ড্যান

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

— রাফেল জেগার

ধন্যবাদ - এটি সত্যিই দরকারী। এবং আপনি find . -iname "*.png" -exec optipng -clobber -preserve -strip all -o2 {} \;

— পিএনজি

Answer 2

আপনি এই বার্তাটিও লক্ষ্য করতে পারেন: " এই পৃষ্ঠার জন্য অনুকূলিত চিত্র, জাভাস্ক্রিপ্ট এবং সিএসএস সংস্থানগুলি ডাউনলোড করুন " " গুগল আশা করে যে অপটিমাইজেশন আশা করছে আপনার যদি সমস্যা হয় তবে তারা আপনার জন্য কাজটি করেছে। কখনও কখনও বিভিন্ন সরঞ্জাম গুগল যেমন চায় তেমন নামতে পারে না।

Answer 3

গুগলের সর্বশেষ প্রস্তাবনাটি হ'ল চিত্রগ্রাহক রূপান্তর ব্যবহার করুন :

convert INPUT.jpg -sampling-factor 4:2:0 -strip [-resize WxH] [-quality N] [-interlace JPEG] [-colorspace Gray/sRGB] OUTPUT.jpg

নির্দিষ্ট উদাহরণ সহ ধাঁধা.jpg

convert puzzle.jpg -sampling-factor 4:2:0 -strip -quality 85 -interlace JPEG -colorspace sRGB puzzle_converted.jpg

আমার নিজস্ব চিত্রগুলিতে সেই একই যুক্তিগুলি ব্যবহার করে আমি ডাউনলোড অপ্টিমাইজড জেপিজি ফাইলের মতো একই ফলাফল পেয়েছি।

Comments

মনে রাখবেন যে আপনি যদি উইন্ডোজ ব্যবহার করছেন magickতবে চেষ্টা করুন যদি আপনার convertপক্ষে কাজ না করে। magick puzzle.jpg -sampling-factor 4:2:0 -strip -quality 85 -interlace JPEG -colorspace sRGB puzzle_converted.jpg। imagemagick.org/discourse-server/viewtopic.php?t=19679

— ব্যবহারকারী 2875289