[h=2]چگونگی پیکربندی افزونه Autoptimize به منظور عملکرد بهتر[/h]ممکن است چیزهایی در مورد افزونه Autoptimize شنیده باشید. آیا تمایل دارید سایت وردپرسی خود را با سرعت بسیار زیاد تجربه کنید؟
یا اینکه گزارش GT Metrix از سایت شما، نشان می دهد که فایل های CSS، HTML و JS شما نیاز کاهش حجم دارند؟ اگر شما با این مشکل یا مشکلات مشابه رو به رو هستید و وب سایت شما با سرعت پائین بارگذاری می شود، یک راه حل برای افزایش سرعت وجود دارد.
سرعت یک وب سایت یکی از مهم ترین ویژگی های آن است که در نگاه اول، نظر کاربر را در مورد وب سایت ایجاد می کند. در صورتی که یک وب سایت سرعت بارگذاری پائینی داشته باشد، کاربر از آن استقبال نکرده و ممکن است از آن بیرون بیاید.
اگر این مقاله را مطالعه کنید، می بینید که افزونه Autoptimize یکی از پلاگین های مهم برای سرعت بخشیدن به وب سایت شما است.
[h=3]افزونه Autoptimize چیست؟[/h]این افزونه یکی از جالب ترین پلاگین ها است که به شما اجازه می دهد تمام فایل های CSS و JS را ترکیب کرده و به آن ها نظم مناسبی بدهید. و استایل ها به قسمت بالا و اسکریپت ها در پائین صفحه قرار می گیرند. همچنین این افزونه در تعریف و ذخیره سازی فایل های HTML کمک می کند.
این پلاگین اگر به درستی اجرا شود، مطمئناً سرعت وب سایت شما را افزایش خواهد داد.
[h=3]پیکربندی تنظیمات افزونه Autoptimize به صورت گام به گام[/h][h=4]نصب پلاگین autoptimize[/h]
[h=5](i) بهینه سازی کدهای HTML[/h]برای بهینه کردن تمام کدهای HTML در وب سایت، اولین گزینه optimize HTML code را تیک بزنید. این کار تمامی فضاهای خالی بین کدهای HTML را حذف می کند، که در نهایت باعث کاهش حجم فایل وب سایت شما می شود.
[h=5](ii) بهینه سازی کدهای JS[/h]این مهم ترین بخش است. زیرا اکثر خطاهای ممکن به دلیل فایل های جاوااسکریپت رخ می دهد. برای این کار گزینه Optimize Javascript Code و Also aggregate inline JS را تیک بزنید.
در این حالت بخشی از سایت مانند اسلایدرها و یا هر قسمتی که متحرک است و به مشکل برخورد کرده است و مهم است که شما فایل جاوااسکریپتی که باعث آن شده است را پیدا کنید. که شامل قسمت Exclude Scripts Autoptimize است.
در تصویر بالا فایل اصلی جی کوئری (jquery.js) که بیشترین خطا را ایجاد کرده است، پیدا شده است.
[h=5](iii) بهینه سازی کدهای CSS[/h]برای این منظور باید Optimize CSS Code و Also aggregate inline CSS را تیک بزنید. در این صورت اگر برخی از عناصر با مشکل مواجه شوند، در قسمت Exclude CSS from Autoptimize مشخص می شود.
این کار کدهای CSS را نیز بهینه می کند و باعث می شود وب سایت شما حجم کمتری داشته باشد.
[h=4]آخرین مرحله[/h]
در نهایت روی Save changes and Empty Cache کلیک نمائید. پس از آن سایت خود و سرعت آن را بررسی نمائید.
یا اینکه گزارش GT Metrix از سایت شما، نشان می دهد که فایل های CSS، HTML و JS شما نیاز کاهش حجم دارند؟ اگر شما با این مشکل یا مشکلات مشابه رو به رو هستید و وب سایت شما با سرعت پائین بارگذاری می شود، یک راه حل برای افزایش سرعت وجود دارد.
سرعت یک وب سایت یکی از مهم ترین ویژگی های آن است که در نگاه اول، نظر کاربر را در مورد وب سایت ایجاد می کند. در صورتی که یک وب سایت سرعت بارگذاری پائینی داشته باشد، کاربر از آن استقبال نکرده و ممکن است از آن بیرون بیاید.
اگر این مقاله را مطالعه کنید، می بینید که افزونه Autoptimize یکی از پلاگین های مهم برای سرعت بخشیدن به وب سایت شما است.
[h=3]افزونه Autoptimize چیست؟[/h]این افزونه یکی از جالب ترین پلاگین ها است که به شما اجازه می دهد تمام فایل های CSS و JS را ترکیب کرده و به آن ها نظم مناسبی بدهید. و استایل ها به قسمت بالا و اسکریپت ها در پائین صفحه قرار می گیرند. همچنین این افزونه در تعریف و ذخیره سازی فایل های HTML کمک می کند.
این پلاگین اگر به درستی اجرا شود، مطمئناً سرعت وب سایت شما را افزایش خواهد داد.
| [h=4]فواید استفاده از پلاگین Autoptimize[/h] | [h=4]چگونگی اتفاق آن ها[/h] |
| کاهش تعداد درخواست های ارسال شده به سرور | با توجه به تلفیق فایل ها و کاهش تعداد آن ها |
| کاهش اندازه صفحه و اندازه فایل در وب سایت | با توجه به کم کردن و بهینه کردن کدها |
| زمان بارگذاری وب سایت برای اولین بار | با توجه به اینکه اجرای فایل های JS به تعویق می افتد (به این دلیل که به قسمت پائین صفحه منتقل شده اند) |
[h=3]پیکربندی تنظیمات افزونه Autoptimize به صورت گام به گام[/h][h=4]نصب پلاگین autoptimize[/h]
- به پنل مدیریتی خود وارد شوید.
- به این مسیر بروید: Plugins — > Add new — > Search for Autoptimize
- بر روی Install — > Activate کلیک کنید.
[h=5](i) بهینه سازی کدهای HTML[/h]برای بهینه کردن تمام کدهای HTML در وب سایت، اولین گزینه optimize HTML code را تیک بزنید. این کار تمامی فضاهای خالی بین کدهای HTML را حذف می کند، که در نهایت باعث کاهش حجم فایل وب سایت شما می شود.
[h=5](ii) بهینه سازی کدهای JS[/h]این مهم ترین بخش است. زیرا اکثر خطاهای ممکن به دلیل فایل های جاوااسکریپت رخ می دهد. برای این کار گزینه Optimize Javascript Code و Also aggregate inline JS را تیک بزنید.
در این حالت بخشی از سایت مانند اسلایدرها و یا هر قسمتی که متحرک است و به مشکل برخورد کرده است و مهم است که شما فایل جاوااسکریپتی که باعث آن شده است را پیدا کنید. که شامل قسمت Exclude Scripts Autoptimize است.
در تصویر بالا فایل اصلی جی کوئری (jquery.js) که بیشترین خطا را ایجاد کرده است، پیدا شده است.
[h=5](iii) بهینه سازی کدهای CSS[/h]برای این منظور باید Optimize CSS Code و Also aggregate inline CSS را تیک بزنید. در این صورت اگر برخی از عناصر با مشکل مواجه شوند، در قسمت Exclude CSS from Autoptimize مشخص می شود.
این کار کدهای CSS را نیز بهینه می کند و باعث می شود وب سایت شما حجم کمتری داشته باشد.
[h=4]آخرین مرحله[/h]
در نهایت روی Save changes and Empty Cache کلیک نمائید. پس از آن سایت خود و سرعت آن را بررسی نمائید.
