انجمن سایت کلیدستان


رتبه موضوع:
  • 0 رای - 0 میانگین
  • 1
  • 2
  • 3
  • 4
  • 5
چگونگی پیکربندی افزونه Autoptimize به منظور عملکرد بهتر

چگونگی پیکربندی افزونه Autoptimize به منظور عملکرد بهتر

#1

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

 
پیکربندی تنظیمات افزونه Autoptimize به صورت گام به گام
نصب پلاگین autoptimize
  1. به پنل مدیریتی خود وارد شوید.

  2. به این مسیر بروید: Plugins — > Add new — > Search for Autoptimize

  3. بر روی Install — > Activate کلیک کنید.
بهینه سازی کدهای HTML، CSS و JS
[img=828x0]https://www.espinashost.com/wp-content/uploads/2018/10/autoptimize-settings-300x25.png[/img]
(i) بهینه سازی کدهای HTML
برای بهینه کردن تمام کدهای HTML در وب سایت، اولین گزینه optimize HTML code را تیک بزنید. این کار تمامی فضاهای خالی بین کدهای HTML را حذف می کند، که در نهایت باعث کاهش حجم فایل وب سایت شما می شود.
[img=699x0]https://www.espinashost.com/wp-content/uploads/2018/10/autoptimize-optimize-html-code-300x78.png[/img]
(ii) بهینه سازی کدهای JS
این مهم ترین بخش است. زیرا اکثر خطاهای ممکن به دلیل فایل های جاوااسکریپت رخ می دهد. برای این کار گزینه Optimize Javascript Code و Also aggregate inline JS را تیک بزنید.
در این حالت بخشی از سایت مانند اسلایدرها و یا هر قسمتی که متحرک است و به مشکل برخورد کرده است و مهم است که شما فایل جاوااسکریپتی که باعث آن شده است را پیدا کنید. که شامل قسمت Exclude Scripts Autoptimize است.
[img=686x0]https://www.espinashost.com/wp-content/uploads/2018/10/autoptimize-optimize-javascript-code-300x177.png[/img]
در تصویر بالا فایل اصلی جی کوئری (jquery.js) که بیشترین خطا را ایجاد کرده است، پیدا شده است.
(iii) بهینه سازی کدهای CSS
برای این منظور باید Optimize CSS Code و Also aggregate inline CSS را تیک بزنید. در این صورت اگر برخی از عناصر با مشکل مواجه شوند، در قسمت Exclude CSS from Autoptimize مشخص می شود.
[img=688x0]https://www.espinashost.com/wp-content/uploads/2018/10/autoptimize-optimize-css-code-300x202.png[/img]
این کار کدهای CSS را نیز بهینه می کند و باعث می شود وب سایت شما حجم کمتری داشته باشد.
آخرین مرحله
[img=700x0]https://www.espinashost.com/wp-content/uploads/2018/10/autoptimize-save-changes-300x30.png[/img]
در نهایت روی Save changes and Empty Cache کلیک نمائید. پس از آن سایت خود و سرعت آن را بررسی نمائید.
پاسخ
 سپاس شده توسط شماره مجازی امارات ، تلگرام ضد فیلتر 2023


پرش به انجمن:


کاربران در حال بازدید این موضوع: 1 مهمان