Autoptimize
مستندات فنی و فایلهای نصبی رسمی افزونه که به صورت خودکار از مخزن اصلی همگامسازی شده است.
توضیحات و جزئیات فنی
با افزونه Autoptimize، بهینهسازی وبسایت شما به آسانیِ آب خوردن میشود! این افزونه با تجمیع، فشردهسازی و کش کردن هوشمندانه اسکریپتها و استایلها، سرعت سایت شما را به طرز چشمگیری افزایش میدهد. به صورت پیشفرض، استایلهای CSS را در head صفحه تزریق میکند، اما قابلیت این را دارد که CSS بحرانی (Critical CSS) را به صورت درونخطی قرار داده و بارگذاری CSS کامل تجمیعشده را به تعویق بیاندازد. همچنین، اسکریپتها را به فوتر منتقل کرده و با به تعویق انداختن اجرای آنها، تجربه کاربری بهتری را رقم میزند. فشردهسازی HTML، بهینهسازی تصاویر با فرمتهای مدرن WebP و AVIF و بارگذاری تنبل (Lazy Load) آنها، بهینهسازی فونتهای گوگل، بارگذاری غیرهمزمان (Async) جاوااسکریپتهای غیر تجمیعشده و حذف موارد اضافی هسته وردپرس مانند emoji، تنها بخشی از امکانات شگفتانگیز این افزونه است. با Autoptimize، حتی در صورت استفاده از HTTP/2، باز هم میتوانید شاهد بهبود چشمگیر عملکرد وبسایت خود باشید! API گسترده این افزونه به شما این امکان را میدهد تا Autoptimize را دقیقاً مطابق با نیازهای خاص وبسایت خود تنظیم کنید.
اگر به عملکرد وبسایت خود اهمیت ویژهای میدهید، توصیه میکنیم برای تکمیل عملکرد Autoptimize، حداقل از یکی از افزونههای رایگان کش صفحه مانند Speed Booster pack یا Cache Enabler از KeyCDN استفاده کنید. یا حتی بهتر، Autoptimize Pro را امتحان کنید که علاوه بر کش صفحه، امکانات فوقالعادهای مانند بهینهسازی پیشرفته تصاویر، CDN اختصاصی، CSS بحرانی هوشمند و بسیاری قابلیتهای دیگر را در اختیار شما قرار میدهد!
Autoptimize Pro
Autoptimize Pro، یک افزونه پریمیوم و قدرتمند است که با ارائه امکاناتی نظیر بهینهسازی حرفهای تصاویر، CDN پرسرعت، کش صفحه هوشمند، قوانین CSS بحرانی خودکار و گزینههای "تقویتکننده" اضافی، در قالب یک اشتراک مقرونبهصرفه، به شما کمک میکند تا سرعت وبسایت خود را به حداکثر برسانید!پشتیبانی ویژه
ما خدمات پشتیبانی ویژه و بهینهسازی عملکرد وبسایت را از طریق Accelera ارائه میدهیم. پیشنهادهای ویژه ما را در https://accelerawp.com/ بررسی کنید!
(تصویر موجسواری سرعتی تحت مجوز creative commons توسط LL Twistiti)
سوالات متداول
افزونه Autoptimize برای افزایش سرعت سایت من چه میکند؟
Autoptimize تمام اسکریپتها و استایلها را کوچک (minify) میکند و وبسرور شما را برای فشردهسازی آنها با هدرهای انقضای مناسب پیکربندی میکند. به طور پیشفرض، جاوااسکریپت غیر رندر مسدود کننده (non-render-blocking) میشود و CSS نیز با افزودن CSS حیاتی (Critical CSS) میتواند به همین شکل عمل کند. این افزونه میتواند فایلهای CSS و JS را ترکیب (تجمیع) کند، در این صورت استایلها به سربرگ (header) و اسکریپتها به پاورقی (footer) منتقل میشوند. همچنین کد HTML را کوچک میکند و میتواند تصاویر و فونتهای گوگل را نیز بهینه کند تا صفحه شما سبکتر شود.
آیا با وجود HTTP/2 باز هم به Autoptimize نیاز دارم؟
HTTP/2 با استفاده از یک اتصال برای انجام چندین درخواست همزمان، تأثیر درخواستهای متعدد از یک سرور را کاهش میدهد. در نصبهای جدید، Autoptimize دیگر فایلهای CSS و JS را به صورت پیشفرض جمع نمیکند. با این حال، تجمیع CSS/JS همچنان میتواند مفید باشد. بهترین راهکار این است که پیکربندیهای مختلف را آزمایش کنید و ببینید کدام یک برای سایت شما بهترین نتیجه را دارد. شاید فقط HTTP/2 کافی باشد، یا شاید HTTP/2 + تجمیع و کوچکسازی، یا HTTP/2 + فقط کوچکسازی (که Autoptimize میتواند انجام دهد). Autoptimize قابلیتهای بسیار بیشتری از بهینهسازی JS و CSS دارد.
آیا Autoptimize با وبلاگ من سازگار است؟
Autoptimize بدون هیچ ضمانتی ارائه میشود، اما اگر به درستی پیکربندی شود، به طور کلی به خوبی کار میکند. برای اطلاعات بیشتر در مورد پیکربندی و رفع مشکلات احتمالی، به بخش "عیبیابی" مراجعه کنید. همچنین میتوانید Autoptimize را در یک سایت آزمایشی رایگان در tastewp.com تست کنید.
چرا jquery.min.js هنگام تجمیع جاوااسکریپت بهینه نمیشود؟
از نسخه 2.1 به بعد، jquery.min.js هسته وردپرس به این دلیل بهینه نمیشود که بسیاری از افزونهها، JS درونخطی (inline) را تزریق میکنند که به دلیل مشکلات احتمالی اندازه حافظه پنهان (cache) با کد منحصر به فرد در JS درونخطی، قابل جمعآوری نیست و به jQuery وابسته است. حذف jquery.min.js تضمین میکند که اکثر سایتها بدون مشکل کار کنند. اگر میخواهید jQuery را نیز بهینه کنید، میتوانید آن را از لیست حذف بهینهسازی JS حذف کنید (ممکن است لازم باشد "همچنین JS درون خطی را جمع آوری کنید" را فعال کنید یا به "اجبار JS در سرصفحه" تغییر دهید).
چرا JS بهینه شده توسط Autoptimize رندر را مسدود میکند؟
این اتفاق زمانی میافتد که جاوااسکریپت را جمعآوری میکنید و گزینه "اجبار در سرصفحه" را فعال میکنید یا زمانی که جمعآوری نمیکنید و به تعویق نمیاندازید. تنظیمات را تغییر دهید تا این مشکل برطرف شود.
چرا CSS بهینه شده توسط Autoptimize هنوز به عنوان مسدود کننده رندر فراخوانی میشود؟
با پیکربندی پیشفرض Autoptimize، CSS در سربرگ (header) لینک داده میشود که یک پیشفرض ایمن است، اما Google PageSpeed Insights از آن شکایت میکند. میتوانید از گزینههای "درون خطی کردن همه CSS" (آسان) یا "درون خطی کردن و به تعویق انداختن CSS" (بهتر) استفاده کنید که در این FAQ توضیح داده شدهاند.
مزیت استفاده از "درون خطی کردن و به تعویق انداختن CSS" چیست؟
CSS به طور کلی باید در سربرگ سند قرار گیرد. گوگل توصیه میکند CSS غیرضروری را به تعویق بیندازید و استایلهای مورد نیاز برای نمایش بالای صفحه (above-the-fold) را درونخطی کنید. این کار برای رندر سریع صفحات در دستگاههای تلفن همراه مهم است. در Autoptimize 1.9.0 به بعد، این کار آسان است. "درون خطی کردن و به تعویق انداختن CSS" را انتخاب کنید، بلوک "CSS بالای صفحه" را در قسمت ورودی (ناحیه متن) جایگذاری کنید و تمام!
چگونه میتوانم بفهمم "CSS بالای صفحه" چیست؟
هیچ راه حل آسانی برای این کار وجود ندارد، زیرا "بالای صفحه" به محتوای صفحه و اندازه صفحه بستگی دارد. با این حال، ابزارهایی وجود دارند که سعی میکنند "بالای صفحه" را مشخص کنند. ابزارهایی مانند مولد CSS حیاتی Sitelocity، مولد criticalpathcssgenerator جوناس اولسون و http://criticalcss.com/ میتوانند کمک کنند. همچنین، نشانک (bookmarklet) مخصوص Chrome نیز میتواند مفید باشد.
آیا باید همه CSS را درونخطی کنم؟
احتمالاً نه. اگرچه درونخطی کردن همه CSS باعث میشود CSS مسدود کننده رندر نباشد، اما اندازه صفحه HTML را افزایش میدهد و به "زمانهای رفت و برگشت" بیشتری نیاز دارد. علاوه بر این، CSS درونخطی هر بار ارسال میشود، در حالی که در صورت عدم درونخطی، از حافظه پنهان (cache) ارائه میشود. در نهایت، CSS درونخطی ممکن است باعث شود متا تگها در HTML به موقعیتی پایینتر منتقل شوند و فیسبوک یا واتساپ نتوانند آنها را پیدا کنند و تصاویر کوچک هنگام اشتراکگذاری در این پلتفرمها نمایش داده نشوند.
حافظه پنهان من در حال بزرگ شدن است، آیا Autoptimize حافظه پنهان را پاک نمیکند؟
Autoptimize مکانیسم پاکسازی حافظه پنهان خودکار ندارد، زیرا این کار میتواند CSS/JS بهینه شده را که هنوز در حافظههای پنهان دیگر به آن ارجاع داده میشود، حذف کند و باعث خراب شدن سایت شما شود. علاوه بر این، رشد سریع حافظه پنهان نشانه مشکلات دیگری است که باید بررسی شوند.
لاراتاندر LaraThunder
هاست ایران بهینه شده برای ربات گوگل
- آپدیت وردپرس از پیشخوان (میرور اختصاصی)
- ایندکس سریع و بدون محدودیت توسط گوگل
- دسترسی پایدار از داخل کشور
جستجو در افزونه ها
دانلود از اینترانت ملی
راهنمای نصب پلاگین وردپرس
پس از دانلود فایل ZIP، به پیشخوان وردپرس > افزونهها > افزودن مراجعه کرده و فایل را آپلود نمایید.