آموزش بهینه سازی سایت وردپرسی با افزونه Autoptimize

/, مقالات آموزشی, وردپرس/آموزش بهینه سازی سایت وردپرسی با افزونه Autoptimize

آموزش بهینه سازی سایت وردپرسی با افزونه Autoptimize

برای افزایش سرعت وب سایت افزونه های زیادی وجود دارند که در این زمینه افزونه Autoptimize یکی از بهترین گزینه ها به شمار می رود. در این آموزش می خواهیم نحوه کار با این افزونه را بررسی کنیم. با ما همراه باشید.

تنظمیات افزونه Autoptimize

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

HTML

autoptimize-1

بهینه سازی کدهای Html؟ با فعال کردن این گزینه کدهای html به صورت فشرده خواهد شد و فضاهای خالی حذف خواهند شد.

نگه داشتن کامنت های HTML؟ به طور معمول طراحان برای خوانایی کدها و اعمال تغییرات در آینده، مابین کدها از کامنت ها استفاده می کنند که در خروجی کار تاثیری ندارد. پس این گزینه را بدون تیک بگذارید بماند تا کامنت ها حذف شوند.

Javascript

autoptimize-2

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

بارگذاری Javascript در تگ؟ اگر این گزینه را فعال کنید، فایل های جاوا اسکریپت در بالای صفحه قرار خواهند گرفت. این گزینه می تواند در نمایش صفحه کمی تاخیر ایجاد کند (در حد میلی ثانیه) اما برای بیشتر وب سایت ها که نیاز ضروری به اجرای جاوا اسکریپت دارند می تواند مفید باشد.

محروم کردن اسکریپت ها از Autoptimize: برخی از اسکپریپت ها به دلایل مختلف بهتر است از بهینه سازی آنها صرف نظر کرد که نام آن ها را می توانید در این کادر وارد کنید.

تنظیمات CSS

autoptimize-3

بهینه سازی کد CSS؟  با تیک زدن به این گزینه بهینه سازی بر روی فایل های css نیز انجام خواهد گرفت.

تولید data: URIs برای تصاویر؟ برخی از تصاویر مورد استفاده شده در طراحی پوسته از اندازه و حجم کوچک برخوردار هستند ولی با این حال برای نمایش آن ها یک درخواست باید اجرا شود. این گزینه با تبدیل کردن این تصاویر به داده های درون خطی داخل فایل های استایل، از این درخواست های اضافی جلوگیری می کند.

Remove Google Fonts؟ به طور معمول وب سایت های فارسی زبان از فونت های گوگل استفاده ای نمی کنند، اما به خاطر این که اکثر پوسته ها توسط خارجی ها طراحی شده اند، فونت های گوگل در پوسته ها وجود دارتد. این گزینه با حذف فونت های گوگل سرعت سایت را افزایش می دهد.

در نهایت پس از انجام تغییرات بر روی دکمه “ذخیره تغییرات و تخلیه کش” کلیک کنید.

لینک افزونه در مخزن وردپرس

نویسنده: |۱۳۹۷/۷/۱۱ ۱۱:۰۰:۲۴۱۱ مهر ۱۳۹۷|معرفی افزونه, مقالات آموزشی, وردپرس|۷ دیدگاه

درباره نویسنده:

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

۷ Comments

  1. تدریس زیست شناسی ۱۳ خرداد ۱۳۹۶ در ۸:۰۹ - پاسخ

    خسته نباشید ممنون به خاطر این مطالب مفید

    • تیم راهنمای وردپرس ۱۶ خرداد ۱۳۹۶ در ۸:۵۶ - پاسخ

      سلام روز بخیر
      خوشحالیم که براتون مفید بود

  2. بالابر ۹ دی ۱۳۹۶ در ۳:۳۱ - پاسخ

    تشکر وقدردانی از اشتراک گذاری خوب و مفیدتون
    به امید موفقیت های روز افزون.
    بالابر

  3. سالن آرایش عروس ۹ دی ۱۳۹۶ در ۳:۴۱ - پاسخ

    افزونه ای برای بهینه سازی عکس داریم؟؟؟ عکس های بر رو میخام هم بهینه کنه و هم اگه بزرگ بود امکان کراپ بده

  4. کفسابی ۱۴ دی ۱۳۹۶ در ۱۰:۰۴ - پاسخ

    سلام در زمینه ای که فعالیت میکنید بهترینید..
    باتشکر

  5. آموزش راه اندازی کسب و کار اینترنتی ۲۴ بهمن ۱۳۹۶ در ۶:۵۳ - پاسخ

    باسلام و خدا قوت به شما مدیریت محترم سایت و همکاران عزیزتان

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

    برایتان موفقیت روز افزون از پروردگار یکتا آرزومندم!

    • تیم راهنمای وردپرس ۲۵ بهمن ۱۳۹۶ در ۹:۲۳ - پاسخ

      سلام روز بخیر
      موفق باشید

نظر شما چیست