تا کنون، احتمالاً اهمیت زمان بارگذاری وب سایت و سرعت صفحه را می دانید. اینترنت مملو از اخبار درباره نحوه زمان بارگذاری روی نتیجه شما تأثیر میگذارد و Google در مورد به نفع بارگذاری سریع وب سایت ها و وبلاگ ها ، اطلاعاتی برای ما آماده کرده است.
با سلام خدمت کاربران عزیز وبسایت پرنیان طرح
در این آموزش خواهید آموخت که چگونه یک وب سایت ساده رو با html ایجاد کنید
به شما انواع روش های استفاده از کد های html را یاد خواهیم داد.
در حالی که راههای زیادی برای بهینهسازی سرعت وبسایت شما وجود دارد، یکی از اولین مکانهایی که باید برای بهبود آن جستجو کنید، تصاویری هستند که استفاده میکنید.
تصاویر نقش مهمی در هر وب سایت ایفا می کنند. آنها به شما کمک می کنند نام تجاری خود را به نمایش بگذارید، به شخصیت خود اضافه کنید و به شما کمک می کنند داستان پشت کسب و کار خود یا هر پست وبلاگی را که می نویسید بیان کنید.
متأسفانه، تصاویر همچنین یکی از بزرگترین مقصران در مورد زمان بارگذاری صفحه هستند. برای کمک به شما در شروع بهینه سازی تصاویر خود، در این پست به بهترین ابزارهای بهینه سازی تصویر نگاهی می اندازیم و نتایج آنها را با هم مقایسه می کنیم.
بهترین ابزارهای بهینه سازی تصویر برای وردپرس
برای اهداف آزمایش خود، از یک تصویر JPG و PNG که در زیر نشان داده شده است استفاده خواهیم کرد:
از همان تصاویر JPG و PNG بالا در تمام آزمایشها با همه افزونههای ذکر شده در زیر استفاده شد.
1. EWWW Image Optimizer
هنگام نصب و فعال کردن EWWW Image Optimizer، به طور خودکار هر تصویری را که در وب سایت خود آپلود می کنید بهینه می کند. میتواند JPG، PNG، GIF و PDF را بهینهسازی کند و همچنین به شما این امکان را میدهد که از کتابخانه رسانهای موجود خود عبور کنید و تصاویر از قبل آپلود شده را بهینه کنید. اگر بخواهید این گزینه را در تنظیمات افزونه فعال کنید، این افزونه همچنین میتواند تصاویر را به بهترین فرمت تبدیل کند.
یکی از مزایای EWWW Image Optimizer این است که به شما امکان می دهد تصاویر را با استفاده از سرورهای تخصصی خود بهینه سازی کنید تا فشرده سازی با اتلاف و اتلاف را فراهم کنید. به طور خلاصه، این بدان معنی است که بهینه سازی تصویر باعث بار اضافی روی سرور شما نمی شود. افزونه اصلی به صورت رایگان در دسترس است.
طرحهای پولی بهعنوان یک اشتراک ماهانه یا طرح پیشپرداخت با شروع قیمت 0.005 دلار/تصویر 9 دلار در ماه به ترتیب برای 3000 تصویر در دسترس هستند.
👉 از کوپن Ewww منحصر به فرد ما برای دریافت 15 کوپن استفاده کنید % OFF.
این افزونه چگونه کار کرد؟
نوع فایل تصویری | اندازه اصلی | اندازه کاهش یافته | درصد کاهش یافته | فشرده سازی استفاده شده |
JPG | 3.4 مگابایت | 3 مگابایت | 13.8% | بی ضرر |
PNG | 4.4 مگابایت | 80 کیلوبایت | 98.3% | بی ضرر |
2. فشرده سازی و بهینه سازی تصویر Smush
طراحی شده توسط WPMU Dev، Smush Image Compression and Optimization در دو نسخه رایگان و پرمیوم موجود است. پس از نصب افزونه، به صفحه تنظیمات افزونه هدایت میشوید که در آنجا میتوانید تعداد تصاویری را که قبلاً بهینهسازی شدهاند، پیکربندی کنید و اندازههای کوچکی را که میخواهید افزونه بهینهسازی کند، تغییر اندازه تصاویر و موارد دیگر را پیکربندی کنید. نسخه رایگان این افزونه محدود به تغییر اندازه تصاویری است که اندازه آنها از 1 مگابایت تجاوز نمی کند.
این افزونه می تواند تصاویر JPEG، GIF و PNG شما را به صورت جداگانه بهینه کند یا می توانید از ویژگی بهینه سازی انبوه آنها استفاده کنید. علاوه بر این، میتوانید فایلهای تصویری را که خارج از کتابخانه رسانه شما آپلود میشوند، مانند تصاویر ذخیرهشده در فایلهای طرح زمینه، بهینه کنید.
ویژگیهای حرفهای افزونه به عنوان بخشی از عضویت WPMU Dev با قیمت 49 دلار در ماه گنجانده شده است و به شما امکان می دهد تصاویر را تا اندازه 32 مگابایت فشرده کنید و PNG ها را به JPG تبدیل کنید و همچنین از تصویر اصلی کپی کنید.
این افزونه چگونه کار کرد؟
نوع فایل تصویری | اندازه اصلی | اندازه کاهش یافته | درصد کاهش یافته | فشرده سازی استفاده شده |
JPG | 813 کیلوبایت | 793.6 کیلوبایت | 5.5% | بی ضرر |
PNG | 631 کیلوبایت | 616.3 کیلوبایت | 0.1% | بی ضرر |
3. Optimus
نسخه رایگان این افزونه محدودیتی جدی برای محدودیت اندازه فایل ایجاد می کند. اگر تصویر شما بزرگتر از 100 کیلوبایت باشد، افزونه تصویر شما را پردازش نمی کند.
طرحهای پولی آنها از 19 دلار در سال شروع می شود و به شما امکان می دهد تصاویری با اندازه حداکثر 5 مگابایت را پردازش کنید و به شما امکان می دهد از آن برای تصاویر استفاده شده در پروژه های خود و مشتری استفاده کنید. هر دو طرح پولی به شما امکان می دهند تصاویر را به فرمت WebP تبدیل کنید و از Developer API آنها استفاده کنید.
افزونه چگونه کار کرد
نوع فایل تصویری | اندازه اصلی | اندازه کاهش یافته | درصد کاهش یافته | فشرده سازی استفاده شده |
JPG | 97 کیلوبایت | 53 کیلوبایت | 45.3% | زیان |
PNG | 76 کیلوبایت | 73 کیلوبایت | 3.9% | زیان |
4. ShortPixel
این افزونه از هر دو روش فشرده سازی با اتلاف و بدون ضرر پشتیبانی می کند. همچنین تمام تصاویر کوچک ایجاد شده توسط وردپرس را بهینه میکند، دادههای EXIF را حذف میکند، حداکثر وضوح را برای تصاویر شما تعیین میکند و یک نسخه پشتیبان از هر تصویری که آپلود میکنید در یک پوشه جدید ذخیره میکند.
نسخه رایگان این افزونه به شما امکان می دهد 100 تصویر در ماه را بهینه کنید. میتوانید اعتبار اضافی را جداگانه خریداری کنید از 4.99 دلار در ماه شروع می شود یا با ارجاع کاربران جدید به این سرویس، آنها را به دست آورید.
از کوپن ShortPixel ما برای دریافت 50٪ اعتبار اضافی استفاده کنید.
پس از تکمیل فرآیند بهینهسازی، افزونه یک گزارش قابل دانلود از فرآیند بهینهسازی را در اختیار شما قرار میدهد.
افزونه چگونه کار کرد
نوع فایل تصویری | اندازه اصلی | اندازه کاهش یافته | درصد کاهش یافته | فشرده سازی استفاده شده |
JPG | 1.4 مگابایت | 447.88 کیلوبایت | 69.39% | زیان |
PNG | 4.4 مگابایت | 1.92 مگابایت | 57.07% | زیان |
5. Imagify
افزونه Imagify یک پلاگین نسبتا جدید در صحنه بهینه سازی تصویر است. این ابزار توسط تیم سازنده WP Rocket، یک افزونه کش وردپرس، توسعه داده شده است، این ابزار به شما این امکان را می دهد که تمام فرمت های تصویر محبوب را بهینه کنید. برای استفاده به یک کلید API نیاز دارد و 3 سطح فشرده سازی را ارائه می دهد:
- معمولی – در فشرده سازی بدون تلفات استفاده می شود
- تهاجمی – از فشرده سازی با اتلاف با حداقل از دست دادن داده استفاده می کند
- Ultra – از فشرده سازی با اتلاف استفاده می کند اما امکان کاهش جزئی کیفیت را فراهم می کند
وقتی کلید API را وارد کردید، از شما خواسته میشود به صفحه تنظیمات بروید، جایی که میتوانید سطح فشردهسازی را انتخاب کنید، امکان نگهداری تصاویر اصلی را در یک پوشه جداگانه فعال کنید، اندازه تصاویر خود را برای تنظیم تغییر دهید. عرض، و تمام داده های EXIF را حذف کنید.
طرح رایگان به شما امکان می دهد هر ماه 25 مگابایت تصویر را پردازش کنید و پس از ثبت نام 25 مگابایت جایزه دریافت خواهید کرد. طرحهای ممتاز را میتوان به صورت ماهانه، از 4.99 دلار در ماه برای بهینه سازی 1 گیگابایت و اندازه فایل نامحدود شروع می شود. Imagify همچنین طرح های یکبار مصرف را ارائه می دهد که از 5.99 دلار برای 500 مگابایت تصاویر شروع می شود.
افزونه چگونه کار کرد
نوع فایل تصویری | اندازه اصلی | اندازه کاهش یافته | درصد کاهش یافته | فشرده سازی استفاده شده |
JPG | 1.4 مگابایت | 876.45 کیلوبایت | 40.1% | بی ضرر |
PNG | 1.2 مگابایت | 639.39 کیلوبایت | 55.31% | بی ضرر |
6. Kraken
Kraken. افزونه io Image Optimization به شما امکان می دهد تا با استفاده از API Kraken.io Image Optimizer خود، آپلودهای تصاویر جدید و موجود وردپرس را بهینه کنید و اندازه آن را تغییر دهید. این افزونه از بهینهسازی بدون اتلاف و هوشمند پشتیبانی میکند و میتواند JPG، PNG و GIF، از جمله GIFهای متحرک را بهینه کند. ویژگی بهینه سازی انبوه و همچنین توانایی حفظ تمام داده های EXIF پشتیبانی می شود.
علاوه بر اینکه به شما امکان می دهد GIF های متحرک را بهینه کنید، Kraken یکی از معدود افزونه هایی است که حتی بر روی نصب های محلی وردپرس نیز کار می کند.
نسخه رایگان این افزونه به شما امکان می دهد فایل های تصویری را تا اندازه 32 مگابایت و تا 100 مگابایت تصاویر را بهینه کنید. طرحهای ممتاز از 5 دلار در ماه با محدودیت تغییر اندازه 500 مگابایت تصاویر.
افزونه چگونه کار کرد
نوع فایل تصویری | اندازه اصلی | اندازه کاهش یافته | درصد کاهش یافته | فشرده سازی استفاده شده |
JPG | 1.4 مگابایت | 1.MB | 7.96% | تلفات هوشمند |
PNG | 1.5 مگابایت | 510 کیلوبایت | 64.35% | تلفات هوشمند |
درحال تکمیل
بهینه سازی تصاویر راه خوبی برای شروع بهبود زمان بارگذاری وب سایت شما است. در حالی که تست های بالا نقطه شروع خوبی برای ارائه ایده ای از عملکرد افزونه هستند، به خاطر داشته باشید که نتایج فشرده سازی به نوع تصویری که استفاده می کنید بستگی دارد. در اینجا جدول نهایی مقایسه همه افزونه ها در کنار هم آمده است:
افزونه | نوع فایل تصویری | اندازه اصلی | اندازه کوچک شده | درصد کاهش یافته | فشرده سازی استفاده شده |
EWWW Image Optimizer | JPG | 1.4 مگابایت | 1.3 مگابایت | 7.2% | بی ضرر |
PNG | 4.4 مگابایت | 80 کیلوبایت | 98.3% | بی ضرر | |
فشرده سازی تصویر Smush | JPG | 813 کیلوبایت | 793.6 کیلوبایت | 5.5% | بی ضرر |
PNG | 631 کیلوبایت | 616.3 کیلوبایت | 0.1% | بی ضرر | |
Optimus | JPG | 97 کیلوبایت | 53 کیلوبایت | 45.3% | زیان |
PNG | 76 کیلوبایت | 73 کیلوبایت | 3.9% | زیان | |
ShortPixel | JPG | 1.4 مگابایت | 447.88 کیلوبایت | 69.39% | زیان |
PNG | 4.4 مگابایت | 1.92 مگابایت | 57.07% | زیان | |
تصور کنید | JPG | 1.4 مگابایت | 876.45 کیلوبایت | 40.1% | بی ضرر |
PNG | 1.2 مگابایت | 639.39 کیلوبایت | 55.31% | بی ضرر | |
کراکن | JPG | 1.4 مگابایت | 1.MB | 7.96% | تلفات هوشمند |
PNG | 1.5 مگابایت | 510 کیلوبایت | 64.35% | تلفات هوشمند |
از مقایسه بالا به عنوان نقطه شروع برای انتخاب یک افزونه و آزمایش آن در سایت خود استفاده کنید.
منبع: وبسایت ویکی ها