نحوه بهینه سازی تصاویر در مجنتو: کیت شروع شما برای صفحات وب سریعتر
تجارت الکترونیک همه چیز در مورد تصاویر بصری است. شما فقط نمی توانید از آن اجتناب کنید. تصاویر محصول، تم های شیک، محتوای تولید شده توسط کاربر از رسانه های اجتماعی – خریداران آنلاین می خواهند ببینند چه چیزی می خرند و با وب سایت شما درگیر می شوند.
اما یک مشکل بزرگ با تصاویر وجود دارد: آنها سرعت وب سایت شما را کاهش می دهند. در واقع، هر چه تعداد و اندازه تصاویر شما بیشتر باشد، زمان بارگذاری وب سایت شما بیشتر است.
راهی برای ارائه صفحات سریع و جذاب وجود دارد - بهینه سازی تصویر. در این مقاله، ما قصد داریم هشت راه نهایی در مورد نحوه بهینه سازی تصاویر در Magento و بهترین افزونه های مرورگر برای انجام این کار را بررسی کنیم.
8 راه برای اینکه تصاویر خود را سریعتر بارگذاری کنید
تصاویر 70 درصد وزن صفحه وب را تشکیل می دهند و در نتیجه یکی از عوامل تعیین کننده در مورد سرعت بارگذاری هستند. خوشبختانه، بهینه سازی تصاویر محصول برای مجنتو چندان دشوار نیست، فقط باید بدانید که از چه ابزارهایی استفاده کنید. در اینجا 8 روش برتر برای افزایش زمان بارگذاری تصویر وجود دارد.
شماره 1 فشرده سازی و تغییر اندازه
یکی از رایج ترین راه ها برای بهینه سازی تصاویر مجنتو 2 فشرده سازی و تغییر اندازه تصویر است.
تغییر اندازه تصاویر معمولاً به معنای کاهش تعداد پیکسل ها، وضوح تصویر است. اگر تعداد پیکسل ها خیلی کم باشد، کیفیت تصویر را به شدت تحت تاثیر قرار می دهد.
فشرده سازی تصاویر یعنی جمع کردن داده های بیشتر در فضای کمتر. این کار را می توان به روشی با اتلاف انجام داد که در آن بخش هایی از پیکسل ها یا سایه ها را حذف می کنید، یا به روشی بدون تلفات که در آن فقط اندازه فایل را کاهش می دهید، بدون تغییر در کیفیت.
بهترین کاری که می توانید انجام دهید ترکیب تغییر اندازه و فشرده سازی است. به این ترتیب، تعداد پیکسلها را تا حدی کاهش میدهید که کیفیت عالی نیست، اما همچنان مناسب است، و سپس از فشردهسازی بدون تلفات استفاده میکنید.
Magento ابزارهای فشرده سازی داخلی را ارائه می دهد و تصاویر را به طور پیش فرض تا 80٪ فشرده می کند. این یک روش رایج است زیرا اگر درصد کمتری را انتخاب کنید، کاربران از تصاویر محصولات با کیفیت پایین ناراضی خواهند بود.
شماره 2 از CDN استفاده کنید
شبکههای تحویل محتوای تصویر (CDN) گروههایی از سرورها در سراسر جهان هستند که برای ارائه سریعتر محتوای آنلاین با یکدیگر همکاری میکنند. بنابراین وقتی کاربران به یک تصویر دسترسی پیدا می کنند، مجبور نیستند منتظر پاسخ سرور در یک مکان بسیار دور باشند. CDN ها از سروری استفاده می کنند که نزدیک ترین سرور به کاربر است.
همچنین CDN های هوشمندی وجود دارند که فضای بیشتری را برای بهینه سازی ارائه می دهند. آنها دستگاه کاربر را شناسایی می کنند و بهینه سازی تصویر را در زمان واقعی، سفارشی برای هر دستگاه انجام می دهند. به عنوان مثال، اگر کاربر صفحه ای را در تلفن هوشمند بارگذاری کند، نیازی به رزولوشن 2048 x 1536 ندارد، یک تصویر با کیفیت پایین تر کافی است و CDN ها به طور خودکار تصویر را تغییر مقیاس می دهند.
CDN ساده ترین راه برای بهینه سازی موثر تصاویر در Magento 2 است، زیرا همه چیز به صورت خودکار انجام می شود و نیازی به مشارکت فعال شما ندارد.
شماره 3 مراقب فرمت های فایل تصویری باشید
قانون استفاده از فرمت JPEG برای عکس ها و تصاویر پیچیده و PNG یا SVG برای لوگوها و تصاویر ساده است. با این حال، یک قالب کمتر شناخته شده وجود دارد - WebP. دلیل محبوبیت روزافزون این فرمت در توسعه وب این است که کیفیتی مشابه JPEG یا PNG ارائه می دهد اما اندازه فایل کوچکتر است. بنابراین تصاویر و صفحات شما سریعتر بارگذاری می شوند.
WebP توسط مرورگرهای اصلی مانند کروم، اج، اپرا، فایرفاکس و غیره پشتیبانی میشود. با این حال، باید توجه داشته باشید که فایلهای WebP در Safari و IE نمایش داده نمیشوند.
توصیه می کنیم از تصاویر بهینه شده JaJuMa WebP برنامه افزودنی در Magento 2. شما می توانید یک تصویر را در هر دو فرمت JPEG و WebP آپلود کنید، و این پسوند تصویر WebP برای Magento 2 فرمت مناسب را بر اساس مرورگری که بازدیدکننده وب سایت استفاده می کند انتخاب می کند.
شماره 4 در صورت امکان از تصاویر برداری استفاده کنید
تصاویر برداری از پیکسل تشکیل نشده اند. وقتی آنها را بزرگنمایی میکنید، لبههای تار یا مربعهای مستقیم را نمیبینید. بنابراین شما یک تصویر با اندازه فایل کوچک را ذخیره می کنید و می توانید اندازه آن را به اندازه دلخواه تغییر دهید — کیفیت و اندازه فایل یکسان باقی می ماند. بنابراین توصیه می شود تا جایی که می توانید از تصاویر وکتور به جای تصاویر شطرنجی استفاده کنید تا کیفیت تصاویر خود را بدون کاهش عملکرد وب سایت خود افزایش دهید.
قابل ذکر است که تصاویر وکتور فقط برای تصاویر ساده و لوگو استفاده می شود.
شماره 5 تصاویر غیر ضروری را با فونت ها و آیکون ها جایگزین کنید
بله، تصاویر برای جذب کاربران و افزایش آن مفید هستند نرخ تبدیل. اما یک خط ظریف بین تصاویر کافی و تعداد زیاد وجود دارد. اگر از آن عبور کنید، یک وب سایت زیبا (شاید خیلی خفه کننده) اما کند خواهید داشت. اگر کاربران نتوانند وب سایت را بارگذاری کنند به تصاویر شما اهمیتی نمی دهند، بنابراین بهتر است تصاویر غیر ضروری را با فونت ها و آیکون ها جایگزین کنید.
#6 Fastly IO را فعال کنید
بهینه سازی سریع تصویر در Magento 2 یک ابزار داخلی برای بهینه سازی خودکار تصویر است: اندازه را تغییر می دهد، برش می دهد، فرمت نسبت را بدون یا با حداقل دخالت انسان تنظیم می کند. این ابزار از فرمت های زیر پشتیبانی می کند: JPEG، WebP، PNG، GIF و GIF متحرک. Adobe استفاده از این ابزار را با وب سایت های مجنتو توصیه می کند زیرا تجارت الکترونیک پر از تصاویر است و بهینه سازی دستی همه آنها خسته کننده است.
شماره 7 از تصاویر بارگذاری تنبل استفاده کنید
بارگذاری تنبل تصویر عملی است که بارگذاری تصاویر را تا زمانی که کاربر به قسمتی از صفحه وب که واقعاً به آنها نیاز دارد پیمایش کند به تأخیر می اندازد. به طور قابل توجهی عملکرد وب سایت را بهبود می بخشد و محتوا را سریعتر به کاربر نمایش می دهد. با توجه به اینکه اگر بارگذاری وب سایت بیش از 3 ثانیه طول بکشد، کاربران منتظر نمی مانند، تصاویر با بارگذاری تنبل یک ذخیره عالی برای هر تجارت الکترونیکی هستند.
شماره 8 از قدرت سئو با ویژگی های Alt استفاده کنید
ویژگی های Alt، نام تگهای alt، جایگزین متنی برای یک تصویر هستند، توصیف متنی از آنچه روی یک عکس میافتد. آنها مهم هستند تنظیمات سئو مجنتو، افزایش رتبه صفحه و کمک به کاربران مبتلا به اختلالات چشمی برای درک زمینه یک تصویر.
موتورهای جستجو تگ های alt را نیز در نظر می گیرند. در صورتی که کلمات کلیدی مرتبط با محتوای صفحه وجود داشته باشد، خزنده های وب صفحه شما را حتی مرتبط تر می یابند.
با این حال، متن جایگزین برای پر کردن کلمات کلیدی ایجاد نشده است. بهتر است در هنگام توصیف یک تصویر از عقل سلیم استفاده کنید: در مورد آنچه در واقع به تصویر کشیده شده است دقیق باشید. همچنین از کلماتی مانند "روی تصویر، ما می توانیم ببینیم" یا "روی تصویر وجود دارد..." استفاده نکنید. فقط آنچه در تصویر نشان داده شده است را مانند مثال زیر بنویسید:
بهترین افزونه های بهینه سازی تصویر Magento
استفاده از افزونههای بهینهسازی تصویر Magento قابل اعتماد راهی عالی برای اطمینان از زمان بارگذاری سریع تصاویر شما بدون کارهای دستی زیاد است.
Image Optimizer توسط Apptrian
Image Optimizer توسط Apptrian دارای ویژگی های محدود و دسترسی پولی به پشتیبانی است، اما استفاده از آن رایگان است. می توانید با یک کلیک تعدادی از تصاویر را بهینه کنید و با افت کیفیت ناچیز سایز آنها را کاهش دهید. هر چند یک نسخه پولی پیکربندی بیشتری برای بهینه سازی ارائه می دهد.
سرویس بهینه سازی عملکرد برای مجنتو 2
سرویس بهینه سازی عملکرد برای مجنتو 2 چیزی بیش از بهینه سازی تصویر ارائه می دهد. همچنین میتوانید فایلهای CSS و JS را ادغام کنید، اندازه آنها را به حداقل برسانید، جاوا اسکریپت را تجزیه کنید، HTML را به حداقل برسانید، استفاده از پردازنده و حافظه را ردیابی کنید، و غیره. بهینه سازی، بهینه سازی خودکار فایل های JPEG، PNG و GIF. این راه حل 699 دلار قیمت دارد.
بهینه ساز تصویر برای مجنتو 2
با بهینه ساز تصویر برای مجنتو 2، میتوانید فرمتهای PNG، JPG، GIF، TIF، و BMP را فشرده و بهینه کنید، بین فشردهسازی با اتلاف و بدون اتلاف یکی را انتخاب کنید، بهینهسازی خودکار را انجام دهید و فضایی را برای پشتیبانگیری از تصویر اصلی ایجاد کنید، و فقط دایرکتوریهای خاصی را به برنامه افزودنی اختصاص دهید. می خواهید هر تصویر موجود در فروشگاه را بهینه کنید. هزینه راه حل 99 دلار است.
برای بهبود سرعت بارگذاری صفحه خود شریک شوید
بهینه سازی تصویر Magento 2 بخش ضروری هر فروشگاه تجارت الکترونیکی است. از آنجایی که وبسایتهای تجارت الکترونیک فعالانه از تصاویر برای نمایش محصولات خود استفاده میکنند و تصاویر بسیار کند بارگذاری میشوند، ممکن است کاربران قبل از اینکه حتی یک نگاه اجمالی به آنچه ارائه میدهید داشته باشند، کسبوکار شما را رها کنند.
بهینه سازی تصویر یکی از جنبه های متعدد است بهینه سازی عملکرد Magento. شما نیازی به بازنویسی کد یا تجدید نظر در معماری تجارت الکترونیک خود نخواهید داشت.
اما اگر بهینهسازی تصویر کافی نیست یا آنقدر مشغول هستید که نمیتوانید با سرعت وبسایت کنار بیایید، بهتر است مسائل فنی پیچیده را به متخصصان بسپارید (یا افراد عجیب و غریب بهینهسازی عملکرد مانند ما در Elogic!).
CTA: با یک آژانس معتبر Magento شریک شوید و با سرعت بارگیری بسیار سریع، اولین تاثیر فراموش نشدنی را ایجاد کنید.
با یک آژانس معتبر Magento شریک شوید
تصاویر خود را بهینه کنید و با سرعت بارگذاری بسیار سریع، اولین تاثیر فراموش نشدنی را ایجاد کنید
سوالات متداول بهینه سازی تصویر مجنتو
آیا مجنتو 2 تصاویر را فشرده می کند؟
بله، تنظیمات فشرده سازی تصویر مجنتو پیش فرض وجود دارد. با این حال، ابزار بسیار دور از ایده آل است. فشرده سازی خودکار از ویژگی داخلی Magento بسیار تهاجمی است و در نهایت تصاویری با کیفیت پایین خواهید داشت. همچنین فقط برای تصاویر محصول کار می کند، نه برای وبلاگ ها یا صفحات فرود. توصیه می کنیم از یک برنامه افزودنی استفاده کنید یا با متخصصان Elogic تماس بگیرید تا این کار را برای شما انجام دهند.
آیا بهینه سازی تصویر واقعاً عملکرد فروشگاه مجنتو را بهبود می بخشد؟
آره. تصاویر 70 درصد از اندازه صفحه را تشکیل می دهند. اگر بتوانید حجم تصاویر را کاهش دهید، می توانید اندازه صفحه را نیز به میزان قابل توجهی کاهش دهید و در نتیجه عملکرد بهتری از وب سایت داشته باشید.
بهترین فرمت های تصویر برای بهینه سازی کدامند؟
به طور سنتی، وب سایت ها از JPEG برای عکس ها و PNG برای لوگوها و گرافیک های ساده استفاده می کنند. اما سبک ترین فرمت با کیفیت فرمت های قبلی WebP است. توصیه می کنیم تصاویر را در هر دو نسخه JPEG یا PNG و WebP آپلود کنید زیرا همه مرورگرها از فرمت جدید پشتیبانی نمی کنند.
آیا بهینه سازی تصویر بر سئو تاثیر می گذارد؟
بله از دو جهت اول از همه، شما می توانید با بهینه سازی تصویر، عملکرد وب سایت را افزایش دهید و این راز نیست که گوگل سرعت بارگذاری را در نظر می گیرد. در مرحله دوم، شما می توانید تصاویر را با متن جایگزین بهینه کنید و به گوگل اجازه می دهید تصاویر شما را بخواند. اگر یک تصویر و در نتیجه متن جایگزین آن با محتوا مرتبط باشد، می توانید امتیاز مرتبط بیشتری دریافت کنید.
- "
- &
- 67
- 7
- دسترسی
- حساب
- عمل
- فعال
- خشت
- معرفی
- اجازه دادن
- معماری
- دور و بر
- مقاله
- پشتیبان گیری
- بهترین
- وبلاگ ها
- تقویت
- مرورگر
- کسب و کار
- خرید
- اهميت دادن
- کروم
- رمز
- مشترک
- محتوا
- هزینه
- محصولات
- داده ها
- مقدار
- تاخیر
- تحویل
- پروژه
- تجارت الکترونیک
- لبه
- و غیره
- کارشناسان
- ضمیمهها
- چشم
- FAST
- ویژگی
- امکانات
- پایان
- فایرفاکس
- نام خانوادگی
- قالب
- رایگان
- کامل
- GIF
- گوگل
- بزرگ
- اینجا کلیک نمایید
- زیاد
- چگونه
- چگونه
- HTTPS
- تصویر
- افزایش
- IT
- جاوا اسکریپت
- بسته لوازم
- لایه 1
- لایه 2
- قدرت نفوذ
- محدود شده
- لاین
- بار
- محل
- عمده
- رسانه ها
- شبکه
- ارائه
- پیشنهادات
- آنلاین
- اپرا
- شریک
- کارایی
- تصویر
- محبوب
- قدرت
- محصول
- محصولات
- حرفه ای
- محافظت از
- کیفیت
- زمان واقعی
- كاهش دادن
- پاسخ
- سیاحت اکتشافی در افریقا
- جستجو
- حس
- جستجوگرها
- محیط
- خریداران
- ساده
- اندازه
- کوچک
- هوشمند
- گوشی های هوشمند
- So
- آگاهی
- رسانه های اجتماعی
- فضا
- سرعت
- opbevare
- پشتیبانی
- پشتیبانی
- پشتیبانی از
- جهان
- زمان
- بالا
- مسیر
- کاربران
- صبر کنيد
- تماشا کردن
- وب
- سایت اینترنتی
- وب سایت
- چه شده است
- کلمات
- مهاجرت کاری
- با این نسخهها کار
- جهان
- X
- زوم