پلاگین autoptimize

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

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

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

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

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

افزونه Autoptimize چیست؟

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

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

فواید استفاده از پلاگین Autoptimize

چگونگی اتفاق آن ها

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

 

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

نصب پلاگین autoptimize

  1. به پنل مدیریتی خود وارد شوید.
  2. به این مسیر بروید: Plugins — > Add new — > Search for Autoptimize
  3. بر روی 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 کلیک نمائید. پس از آن سایت خود و سرعت آن را بررسی نمائید.

بارگذاری نوشته های مرتبط بیشتر
  • برنامه PuTTY

    برنامه PuTTY چیست؟

    برنامه PuTTY چیست؟ برنامه PuTTY در ابتدا توسط Simon Tatham و برای مایکروسافت ویندوز طراحی …
  • وب سرور NGINX

    وب سرور NGINX چیست؟

    وب سرور NGINX چیست؟ در ابتدا وب سرور NGINX برای حل مشکل C10 و توسط فردی به نام Igor Sysoev…
  • کلود فلر

    کلود فلر Cloudflare چیست؟

    کلود فلر Cloudflare چیست؟ Cloudflare در مأموریت ایجاد یک اینترنت بهتر مورد استفاده قرار می…
مطالب بیشتر از این نویسنده تیم تحرریه
  • برنامه PuTTY

    برنامه PuTTY چیست؟

    برنامه PuTTY چیست؟ برنامه PuTTY در ابتدا توسط Simon Tatham و برای مایکروسافت ویندوز طراحی …
  • وب سرور NGINX

    وب سرور NGINX چیست؟

    وب سرور NGINX چیست؟ در ابتدا وب سرور NGINX برای حل مشکل C10 و توسط فردی به نام Igor Sysoev…
  • کلود فلر

    کلود فلر Cloudflare چیست؟

    کلود فلر Cloudflare چیست؟ Cloudflare در مأموریت ایجاد یک اینترنت بهتر مورد استفاده قرار می…
بارگذاری بیشتر در وبلاگ

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

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

2 × 5 =

بررسی کنید

برنامه PuTTY چیست؟

برنامه PuTTY چیست؟ برنامه PuTTY در ابتدا توسط Simon Tatham و برای مایکروسافت ویندوز طراحی …