بهینه سازی وبسایت با استفاده از افزونه Autoptimize

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

خب میریم سراغ مراحل کار با افزونه با Autoptimize :

 

مرحله ی اول – نصب و راه اندازی :

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

autoptimize-بهینه سازی در وردپرس

با کلیک بر روی گزینه ” Autoptimize “ وارد بخش تنظیمات این افزونه می شویم. این افزونه دارای بخش تنظیمات معمولی و تنظیمات پیشرفته است که به توضیح هر یک از آن ها می پردازیم .

↵ مرحله ی دوم – تنظیمات عمومی :

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

general settings-بهینه سازی در وردپرس

 

 ⇐ بهینه سازی کد HTML

 این گزینه کد های HTML موجود در وردپرس را بهینه سازی میکند و بصورت فشرده در یک خط قرار می دهد.

 ⇐ بهینه سازی کد Javascript

 این گزینه کد های Javascript را به صورت خلاصه تری بهینه سازی و فشرده می کند.
 یکی از معایب این گزینه این است که اگر شما در سایت خود از کد آماری و یا کد نمایش تبلیغاتی استفاده می کنید این گزینه باعث می شود که شی مورد نظر شما که توسط جاوا اسکریپت  فراخوانی می شود در فوتر به نمایش در آید! پس مواظب باشید.

 ⇐ بهینه سازی کد CSS

این گزینه کد های شیوه نامه یا به عبارت دیگر کد های css سایت را فشرده می سازد و باعث افزایش سرعت بارگذاری سایت شما می شود.

 ⇐ تنظیمات CDN

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

خب این از قسمت اول این افزونه, حالا سراغ تنظیمات پیشرفته ی این افزونه می رویم.

↵ تنظیمات پیشرفته افزونه Autoptimize

تنظیمات پیشرفته افزونه به شرح زیر است:

 ⇐ نگه داشتن کامنت های  HTML :

html comment-بهینه سازی در وردپرس

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

 ⇐ تنظیمات پیشرفته کدهای  javascript :

    همانطور که در شکل زیر مشاهده می کنید این افزونه دارای بخش تنظیمات پیشرفته تری برای کدهای javascript است که به دلخواه خود می توانید بخش های مختلف آن را فعال کنید.

java script -بهینه سازی در وردپرس

 ⇐ تنظیمات پیشرفته کدهای Css :

   همچنین این افزونه برای بهینه سازی کدهای Css دارای بخش تنظیمات مختلفی است که می توانید آنها را فعال کنید.

css setting-بهینه سازی در وردپرس

 

 ⇐ حافظه کش افزونه Autoptimize :

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

clear cache-بهینه سازی در وردپرس

به عنوان مثال زمانی که شما تغییراتی در سایت خود ایجاد می کنید و یا کدهای جدیدی را در فایل های خود اضافه می کنید در این صورت نیاز است که حافظه کش این افزونه را پاک کنید تا افزونه مجددا از اول کدهای سایت را در حافظه کش خود ذخیره کند.

امیدوارم که محتوای این مقاله برایتان مفید واقع شود.

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

دانلود افزونه از اندرویدپرس98

سپهر رادمرد

سپهر رادمرد هستم موسس سایت اندرویدپرس98 تمام تلاشم رو میکنم محیطی رو برای اموزش رایگان و با کیفیت فراهم کنم.

شما ممکن است این را هم بپسندید

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

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