چگونگی پیکربندی افزونه Autoptimize به منظور عملکرد بهتر
ممکن است چیزهایی در مورد افزونه Autoptimize شنیده باشید. آیا تمایل دارید سایت وردپرسی خود را با سرعت بسیار زیاد تجربه کنید؟

یا اینکه گزارش GT Metrix از سایت شما، نشان می دهد که فایل های CSS، HTML و JS شما نیاز کاهش حجم دارند؟ اگر شما با این مشکل یا مشکلات مشابه رو به رو هستید و وب سایت شما با سرعت پائین بارگذاری می شود، یک راه حل برای افزایش سرعت وجود دارد.

سرعت یک وب سایت یکی از مهم ترین ویژگی های آن است که در نگاه اول، نظر کاربر را در مورد وب سایت ایجاد می کند. در صورتی که یک وب سایت سرعت بارگذاری پائینی داشته باشد، کاربر از آن استقبال نکرده و ممکن است از آن بیرون بیاید.

اگر این مقاله را مطالعه کنید، می بینید که افزونه Autoptimize یکی از پلاگین های مهم برای سرعت بخشیدن به وب سایت شما است.

افزونه Autoptimize
چیست؟
این افزونه یکی از جالب ترین پلاگین ها است که به شما اجازه می دهد تمام فایل های CSS و JS را ترکیب کرده و به آن ها نظم مناسبی بدهید. و استایل ها به قسمت بالا و اسکریپت ها در پائین صفحه قرار می گیرند. همچنین این افزونه در تعریف و ذخیره سازی فایل های HTML کمک می کند.

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

فواید استفاده از پلاگین Autoptimize
چگونگی اتفاق آن ها
کاهش تعداد درخواست های ارسال شده به سرور با توجه به تلفیق فایل ها و کاهش تعداد آن ها
کاهش اندازه صفحه و اندازه فایل در وب سایت با توجه به کم کردن و بهینه کردن کدها
زمان بارگذاری وب سایت برای اولین بار با توجه به اینکه اجرای فایل های JS به تعویق می افتد (به این دلیل که به قسمت پائین صفحه منتقل شده اند)


پیکربندی تنظیمات افزونه Autoptimize به صورت گام به گام
نصب پلاگین autoptimize
به پنل مدیریتی خود وارد شوید.
به این مسیر بروید: Plugins — > Add new — > Search for Autoptimize
بر روی Install — > Activate کلیک کنید.
بهینه سازی کدهای HTML، CSS و JS


(i) بهینه سازی کدهای HTML
برای بهینه کردن تمام کدهای HTML در وب سایت، اولین گزینه optimize HTML code را تیک بزنید. این کار تمامی فضاهای خالی بین کدهای HTML را حذف می کند، که در نهایت باعث کاهش حجم فایل وب سایت شما می شود.



(ii) بهینه سازی کدهای JS
این مهم ترین بخش است. زیرا اکثر خطاهای ممکن به دلیل فایل های جاوااسکریپت رخ می دهد. برای این کار گزینه Optimize Javascript Code و Also aggregate inline JS را تیک بزنید.

در این حالت بخشی از سایت مانند اسلایدرها و یا هر قسمتی که متحرک است و به مشکل برخورد کرده است و مهم است که شما فایل جاوااسکریپتی که باعث آن شده است را پیدا کنید. که شامل قسمت Exclude Scripts Autoptimize است.

پلاگین autoptimize

در تصویر بالا فایل اصلی جی کوئری (jquery.js) که بیشترین خطا را ایجاد کرده است، پیدا شده است.

(iii) بهینه سازی کدهای CSS
برای این منظور باید Optimize CSS Code و Also aggregate inline CSS را تیک بزنید. در این صورت اگر برخی از عناصر با مشکل مواجه شوند، در قسمت Exclude CSS from Autoptimize مشخص می شود.

پلاگین autoptimize

این کار کدهای CSS را نیز بهینه می کند و باعث می شود وب سایت شما حجم کمتری داشته باشد.

آخرین مرحله
پلاگین autoptimize

در نهایت روی Save changes and Empty Cache کلیک نمائید. پس از آن سایت خود و سرعت آن را بررسی نمائید.