6 نکته برای بهینه سازی تصویر از گوگل

گوگل برای اینکه وب سایت شما تصاویر را سریعتر و کارآمدتر بارگذاری کند، شش راه به اشتراک می گذارد.

در یک ویدیوی جدید از Google، سرپرست تیم توسعه دهنده، Alan Kent، شش نکته برای بهینه‌سازی تصاویر برای وب سایت های تجارت الکترونیک (ecommerce) به اشتراک می گذارد.

در حالی که ویدیو به طور خاص سایت های تجارت الکترونیکی را مخاطب قرار داده است، توصیه ها برای هر وب سایتی که تعداد تصاویر زیادی ارائه می دهد؛ کاربردی خواهد بود.

اگر مشغول کار بر روی وب سایت هستید، صرف بیش از 14 دقیقه زمان جهت مشاهده ویدیوی Google برای جمع‌بندی اطلاعات بسیار زیاد است.

در اینجا یک خلاصه فوق‌العاده گردآوری شده است که می توانید در کمتر از پنج دقیقه از آن بهره‌مند شوید.

اینها نکات گوگل برای بارگذاری سریعتر و کارآمدتر تصاویر هستند.

1. حذف تغییر چیدمان تجمعی تصویر (CLS)

CLS به مواردی اشاره دارد که در آن محتوا در صفحه به صورت بصری حرکت می کند یا در حین بارگذاری از یک مکان به مکان دیگر منتقل می شود.

در حالی که این مشکل منحصراً توسط تصاویر ایجاد نمی شود، اما در صورت استفاده نادرست می توانند به مشکل کمک کنند.

در بیشتر موارد، CLS با جستجوی حرکت در صفحه در حین بارگذاری آسان است، اما ابزارهای مختلفی برای اندازه گیری آن وجود دارد.

2. اندازه تصاویر خود را به درستی تنظیم کنید

عرض و ارتفاع مناسب را برای تصاویر خود انتخاب کنید، زیرا دانلود فایل های بزرگتر زمان بیشتری می برد.

اندازه گیری صحیح تصاویر به دلیل طیف وسیعی از اندازه و وضوح صفحه نمایش که از سایت شما بازدید می کند، می تواند پیچیده باشد.

اگر مرورگر به تنهایی تصویر را برش دهد، اندازه دانلود بیشتر از حد مورد نیاز خواهد بود، که فقط چیزها را پایین می آورد.

یکی از راه‌های آسان برای تشخیص تصاویر با اندازه نادرست، استفاده از بخش تصاویر با اندازه مناسب در قسمت فرصت‌ها در گزارش PageSpeed Insights است.

هنگامی که تصاویر بزرگتر از حد لازم را شناسایی کردید، می توانید با راه حل هایی مانند تصاویر واکنش گرا (responsive image) مشکل را برطرف کنید.

تبلیغ خدمات رخ نت : طراحی لوگو در اصفهان

3. از بهترین فرمت فایل تصویری استفاده کنید

به فرمت فایل تصاویر خود فکر کنید، مانند اینکه آیا از فایل های PNG، JPEG یا webP استفاده کنید.

فرمت فایل بر اندازه فایل تأثیر می گذارد، بنابراین انتخاب مناسب نیاز به بررسی دقیق دارد.

برای هر قالب جوانب مثبت و منفی وجود دارد. به عنوان مثال، JPEG و webP تمایل دارند اندازه فایل کمتری داشته باشند، اگرچه اندازه کوچکتر به قیمت کیفیت تصویر به دست می آید.

با این حال، کاهش کیفیت تصویر ممکن است توسط خریداران قابل توجه نباشد و مزیت سرعت می تواند قابل توجه باشد.

برای تشخیص اینکه آیا سایت شما می‌تواند از استفاده از قالب‌های تصویری متفاوت سود ببرد، به تصاویر سرویس در قالب‌های نسل بعدی گزارش PageSpeed Insights نگاه کنید. این گزارش تصاویری را فهرست می کند که می توانند به فرمت فایل کارآمدتری تبدیل شوند.در صورتی که عکاسی محصولات و یا خدمات را خودتان انجام میدهید برای ذخیره‌سازی تصاویر را در برنامه فتوشاپ از منوی file گزینه export و سپس save for web را انتخاب کنید.حجم تصاویر را سعی کنید تا نهایت 200 کیلوبایت نگه دارید.اگر در شهر اصفهان هستید برای اطلاع از قیمت و شرایط روی لینک عکاسی تبلیغاتی و صنعتی در اصفهان کلیک کنید.

4. تصاویر را به طور مناسب فشرده کنید

از فاکتور کیفیت مناسب برای تصاویر خود استفاده کنید تا با حفظ کیفیت تصویر دلخواه، آنها را به طور مؤثر رمزگذاری کنید.

بخش Encode Images Efficiently در گزارش PageSpeed Insights را می توان برای شناسایی تصاویری استفاده کرد که کاندیدهای خوبی برای بهینه‌سازی فشرده سازی هستند. این گزارش همچنین کاهش بالقوه اندازه فایل را نشان می دهد.

برای یافتن فاکتور کیفیتی که از آن راضی هستید، از ابزار تبدیل تصویر بر روی چندین تصویر با استفاده از مقادیر مختلف کیفیت استفاده کنید و قبل و بعد را با هم مقایسه کنید.

گوگل سایت Squoosh.app را به عنوان روشی آسان برای مقایسه تصاویر با و بدون فشرده سازی توصیه می کند.

5. ذخیره تصاویر در مرورگر

به مرورگر بگویید که چه مدت می تواند تصاویر را به صورت ایمن ذخیره کند.

هنگامی که تصویری را برمی‌گردانید، می‌توانید سرصفحه پاسخ HTTP را با راهنمایی ذخیره‌سازی، مانند مدت زمانی که برای مرورگر توصیه می‌شود یک تصویر را در حافظه پنهان نگه دارد، برگردانید.

مجدداً، می‌توانید از گزارش PageSpeed Insights برای تشخیص اینکه آیا هدرهای حافظه پنهان پاسخ HTTP به درستی در سایت شما تنظیم شده‌اند یا خیر، استفاده کنید.

دارایی‌های استاتیک سرویس با بخش سیاست کش کارآمد، تصاویری را شناسایی می‌کند که ممکن است از بهبود حافظه پنهان بهره ببرند.

برای رفع مشکلات سایت خود، ببینید آیا تنظیمات پلتفرم یا سرور وب دارید که می‌توانید برای تنظیم طول عمر حافظه پنهان برای تصاویر در سایت خود تغییر دهید.

اگر تصاویر را مرتباً تغییر نمی‌دهید، می‌توانید طول عمر کش طولانی مدت را تعیین کنید.

6. دانلودهای تصویر خود را به درستی ترتیب دهید

به‌عنوان یک نکته پیشرفته‌تر، Google توصیه می‌کند ترتیبی که منابع صفحه وب دانلود می‌شوند به درستی ترتیب داده شوند.

ترتیب دانلود زیر توصیه می شود:

• تصاویر اصلی در بالای صفحه
• سایر تصاویر بالای خطوط جدا کننده در صفحات
• تصاویر دقیق زیر خطوط جدا کننده صفحات

بقیه تصاویر در یک صفحه وب ممکن است به کندی بارگذاری شوند.

برای تشخیص اینکه آیا سایت شما تصاویر را به طور مؤثر بارگیری می کند، می توانید به گزارش PageSpeed Insights مراجعه کنید. در بخش defer offscreen images در گزارش، فهرستی از تصاویری را خواهید دید که می‌توانند پس از تصاویر دیگر بارگذاری شوند.

منبع : searchenginejournal.com