خانه / افزونه وردپرس / آموزش افزونه Optimole و فشرده سازی تصاویر در وردپرس

آموزش افزونه Optimole و فشرده سازی تصاویر در وردپرس

آموزش افزونه Optimole

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

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

دو سال قبل اندازه یک وب سایت 1.5MB بود. اما در حال حاضر به 2.1MB رسیده است. شاید تصور کنید علت این امر استفاده از قالب ها، افزونه ها و اسکریپت ها باشد اما در حقیقت تصاویر مقصر اصلی اشغال پهنای باند و فضا از یک سرور هستند.

اگر می خواهید هم از مزایای استفاده از تصاویر زیبا و با کیفیت در وب سایت بهره مند شوید و هم باعث افزایش اندازه و پایین آمدن سرعت بارگذاری سایت نشوید باید یاد بگیرید که چگونه تصاویر را برای وردپرس بهینه سازی کنید بدون اینکه باعث کاهش کیفیت آنها شوید.

یکی از بهترین راه ها برای بهینه سازی تصاویر در سایت های وردپرسی استفاده از بهترین افزونه های بهینه سازی تصویر است. افزونه Optimole یکی از قویترین آنها است که تمام بهینه سازی های تصویر را به صورت خودکار انجام می دهد. فقط کافی است این افزونه را در سایت خود نصب و فعال سازی کنید. پس از آن می توانید از مزایای استفاده از آن بهره مند شوید. استفاده از یک افزونه فشرده سازی تصویر همراه با بهترین افزونه های سئو وردپرس می تواند تأثیر زیادی در افزایش رتبه سایت شما داشته باشد.

در این آموزش افزونه Optimole را مورد بررسی قرار داده و نحوه فشرده سازی تصویر با آن را توضیح خواهیم داد.

آموزش افزونه Optimole و نحوه فشرده سازی تصویر در وردپرس

برای استفاده از افزونه Optimole باید ابتدا یک کلید API دریافت کنید تا بتوانید سایت وردپرسی خود را به سرورهای Optimole اتصال دهید.

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

بعد از اینکه افزونه نصب شد آن را فعال کنید. پس از فعال سازی افزونه صفحه ای مشابه شکل زیر نمایش داده می شود. برای دسترسی به این صفحه می توانید به مسیر رسانه » Optimole مراجعه کنید.

آموزش افزونه Optimole

برای دریافت کلید API روی دکمه Register & Email API Key کلیک کنید. با کلیک بر روی این دکمه کلید API به آدرس ایمیلی که وارد می کنید ارسال خواهد شد. پس از وارد کردن کلید API، صفحه تنظیمات افزونه برای شما باز خواهد شد. این صفحه شامل سه تب مختلف است که در ادامه آموزش افزونه Optimole به بررسی این تب ها می پردازیم.

تنظیمات افزونه Optimole

Dashboard

آموزش افزونه Optimole

در تب پیشخوان خلاصه ای از سایت و آدرس CDN URL خود را در قسمت بالای صفحه مشاهده خواهید کرد. در این قسمت می توانید مشاهده کنید که چگونه پلن رایگان از یک زیر دامنه Optimole برای CDN (شبکه تحویل محتوا) استفاده می کند. همچنین در این قسمت می توانید تمام تصاویر بهینه شده و میزانی که بهینه سازی شده اند را مشاهده کنید.

General Settings

برای پیکربندی اکثر تنظیمات افزونه Optimole باید به تب General مراجعه کنید. البته تنظیمات پیش فرض این افزونه کاملاً مناسب است و به محض فعال سازی و اتصال سایت خود به سرورهای افزونه، تصاویر شما بهینه سازی می شوند. اما با این حال شاید مایل باشید قسمتی از تنظیمات پیش فرض افزونه را تغییر داده و آن را برای خود سفارشی سازی کنید که در ادامه آموزش افزونه Optimole در مورد آن توضیح خواهیم داد.

آموزش افزونه Optimole

 در این تب می توانید 5 گزینه مهم را پیکربندی کنید.

Enable image replacement : با فعال کردن این گزینه افزونه Optimole می تواند آدرس URL تصاویر وب سایت را با تصاویر بهینه شده از CDN افزونه جایگزین کند.

Admin bar status : با فعال کردن این گزینه می توانید میزان استفاده Optimole را در نوار ابزار وردپرس خود مشاهده کنید.

Javascript replacement & Lazy load : با فعال کردن این گزینه، افزونه با استفاده از جاوا اسکریپت تصاویر را براساس اندازه آنها در صفحه بازدیدکنندگان سایت ساخته و بدون مسدود کردن اجرای صفحه از طریق بارگذاری تنبل (lazy) ارائه می دهد.

Resize larger images : علاوه بر تغییر اندازه پویا و دینامیکی می توانید با تنظیم کردن این گزینه تصاویر بزرگ را به صورت خودکار تغییر اندازه دهید.

Compression level : در این قسمت می توانید سطح فشرده سازی را انتخاب کنید. حتی می توانید تصمیم را بر عهده افزونه Optimole گذاشته و گزینه Auto را انتخاب کنید.

Watermark Options

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

آموزش افزونه Optimole

برای شروع کار باید تصویری که می خواهید واتر مارک کنید را آپلود نمایید. افزونه Optimole به شما امکان استفاده از 5 تصویر واتر مارک شده را می دهد، بنابراین محدود به یک تصویر نیستید.

پس از آن در قسمت های پایین تر صفحه می توانید از بین حداکثر 5 تصویری که اضافه کرده اید، واتر مارک فعال را انتخاب کرده و شفافیت (Opacity)، موقعیت (Position)، آفست (Offset) و مقیاس (Scale) واتر مارک را نیز مشخص کنید.

افزونه Optimole علاوه بر تنظیمات پیشخوان وردپرس یک پیشخوان ابر نیز در اختیار شما قرار می دهد که می توانید میزان استفاده از Optimole را در تمام سایت هایی که از Optimole و کلید API آن در آنها استفاده می کنید، مشاهده کنید.

آموزش افزونه Optimole

پلن رایگان افزونه Optimole اجازه بهینه سازی 1GB تصویر در هر ماه، CDN و 10GB مشاهده پهنای باند در هر ماه را می دهد. این پلن از یک CDN سفارشی با 7 موقعیت در سراسر جهان استفاده می کند. پلن های غیر رایگان Optimole به طور مستقیم با Amazon CloudFront با بیش از 130 موقعیت مختلف در سراسر جهان ادغام شده اند. لازم به ذکر است که اگر وبسایت شما از بعضی از CDN ها مانند Cloudflare از قبل استفاده می کند، هیچ گونه تضاد یا مشکلی به وجود نمی آید و در این حالت هیچ تنظیمات اضافی مورد نیاز نیست.

آموزش افزونه Optimole به پایان می رسد. امیدواریم این آموزش در سایت مدیر وردپرس مورد توجه شما قرار گرفته باشد.

دانلود افزونه

امتیاز دادن به این نوشته:
  • میزان رضایت کاربران
  • خوانایی بالا
  • تصاویر مرتبط

درباره ی مینا قدسی

مطلب پیشنهادی

آموزش افزونه a3 Lazy Load

آموزش افزونه a3 Lazy Load برای افزایش سرعت وردپرس

در این مقاله به آموزش افزونه a3 Lazy Load می پردازیم. این افزونه ویژگی های …

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *