روزمرگی فنی
روزمرگی فنی
خواندن ۴ دقیقه·۳ سال پیش

افزونه Asset Cleanup: یک ضرورت برای افزایش سرعت سایت وردپرسی شما!

برای بهینه‌سازی و افزایش سرعت لود سایت‌های وردپرسی (بخصوص سایت‌های فروشگاهی مبتنی بر ووکامرس و همینطور سایت‌های طراحی‌شده با المنتور)، افزونه‌های متعددی طراحی شده‌اند که Autoptimize و WP Rocket معروف‌ترین شان هستند.

اما در این بین افزونه‌ای به نام Asset Cleanup: Page Speed Booster هم هست که علیرغم قابلیت‌های فوق‌العاده خوب (حتی در نسخه رایگان) در حقش جفا شده و تقریبا گمنام باقی مانده! به طوری که در لحظه نوشتن این مطلب، فقط بالای 100 هزار نصب فعال از مخزن وردپرس داشته است. شاید به این خاطر که زیر سایه افزونه‌های معروف‌تر گم شده یا تنظیمات پیشرفته‌ای دارد که در نگاه اول ظاهرا پیچیده یا اضافی به نظر می‌رسد. در صورتی که واقعا اینطور نیست.

افزونه Asset Cleanup برای افزایش سرعت یا به قول سازندگانش «چربی‌سوزی» (!) در سایت شما طراحی شده و ضمنا قرار نیست که جایگزین سایر افزونه‌های بهینه‌سازی فعال در سایت شما شود. بلکه به عبارت دیگر می‌تواند نقش مکمل ایفا کند؛ یعنی برخی وظایف را از افزونه‌های مشابه بگیرید و به آن بسپارید.

خود این افزونه هیچ فایل اضافه‌ای را به سایت شما (سمت کاربر) اضافه نمی‌کند که باعث افزایش تعداد درخواست‌های HTTP و کاهش سرعت لود بشود (وگرنه این خودش نقض غرض و بر خلاف هدف طراحی این افزونه می‌بود).

نسخه رایگان این افزونه تقریبا همه قابلیت‌های مهم و اصلی را در اختیارتان می‌گذارد؛ مثلا:

اولین قابلیت خوبی که در این افزونه لحاظ شده، حالت Test Mode است تا با خیال راحت و به روش آزمون و خطا بتوانید فایل‌های CSS و JS بلااستفاده را حذف کنید، تنظیمات مختلف را اعمال و آزمایش کنید و خلاصه عملیات اشکال‌زدایی یا Debug را بی دردسر انجام بدهید، بدون اینکه مشکلی در بخش فرانت‌اند سایت (سمت کاربر و بازدیدکننده) ایجاد بشود. در عوض این تغییرات تنها برای ادمین نمایش داده می‌شود. تنها نکته اینکه در این حالت شما متوجه بهبود عملکرد سایت خود در سایت‌های تست سرعت مثل واکاو، GTMetrix و Pingdom و غیره نمی‌شوید، چون صرفا در محیط آزمایشی مشغول به کار هستید.

دومین قابلیت، مربوط می‌شود به تجمیع، فشرده‌سازی و کوچک‌سازی و خطی‌سازی فایل‌های پراکنده CSS و JS و همینطور بهینه‌سازی کدهای HTML سایت شما که مهمترین رکن و اصلی‌ترین وظیفه تمام افزونه‌های بهینه‌سازی است. اگر مشخصا برای انجام این وظایف از سایر افزونه‌ها استفاده می‌کنید، نباید همزمان آن را در Asset Cleanup هم فعال کنید؛ چون واضح است که باعث تداخل یا حتی Duplicate شدن فایل‌ها و نهایتا کاهش سرعت لود صفحات می‌شود. بنابراین اگر هم خواستید این قابلیت و نتیجه‌اش را امتحان کنید، قبلش مطمئن بشوید که آن را در سایر افزونه‌های بهینه‌سازی فعال، غیرفعال کرده‌اید.

اما سومین قابلیت منحصربه فردی که این افزونه را از سایر موارد مشابه رایگان متمایز می‌کند و به نوعی هدف اصلی آن است، اینست که شما می‌توانید مانع لود برخی از فایل‌های استایل یا جاوااسکریپت بلااستفاده در صفحات مدنظر خود در سایت بشوید (قابلیت مهمی که مثلا Autoptimize ندارد).

اما این چه کاربردی دارد و چرا مهم است؟ افزونه‌های مختلفی در سایت شما نصب هستند که استایل‌ها و فایل‌های جاوااسکریپت‌شان در تمام صفحات نالازم یا بی‌ربط لود می‌شوند. نمونه‌اش افزونه فرم‌ساز Contact Form7 که دقیقا چنین نقطه ضعفی دارد و باعث می‌شود که استایل‌ها و فایل‌های جاوااسکریپت آن حتی در صفحاتی که فاقد هرگونه فرمی هستند هم لود بشود. واضح است که این موضوع تاثیر منفی بر سرعت لود صفحات دارد.


ولی افزونه Asset Cleaner یک فهرست کامل از تمام این فایل‌ها (به تفکیک افزونه‌ها، قالب، هسته اصلی وردپرس و منابع بیرونی) در اختیار شما می‌گذارید و تصمیم با شماست که کدامیک را در صفحه اصلی غیر فعال کنید، کدامیک را در تمام صفحات یا تنها در برخی صفحات خاص (برای این مورد آخر، به جای تنظیمات اصلی افرونه، برگه موردنظر را بازکنید تا در انتهایش گزینه‌های Asset Cleaner را برای انتخاب و غیرفعال کردن اسکریپت‌ها و استایل‌ها در آن برگه مشاهده کنید). و ضمنا باید یادآوری کنیم که در این حالت هیچ‌کدام از این فایل‌ها «حذف» نمی‌شوند، بلکه صرفا جلوی لود آن گرفته می‌شود (Unload). پس در صورت بروز مشکل، می‌توان به سادگی مجددا تنظیمات را به حال قبل بازگرداند.

بنابراین اگر به فرض مثال 20 فایل CSS و JS در صفحه اصلی سایت شما لود می‌شود، ولی فقط به 8 تای آن‌ها نیاز دارید، می‌توانید با Asset Cleaner مانع لودشان بشوید و در عوض 12 تای باقی‌مانده را برای فشرده‌سازی و کوچک‌سازی به سایر افزونه‌های بهینه‌سازی خود بسپارید.

قابلیت چهارم، مختص زمانی است که شما از CDN (البته به استثنای Cloudflare) استفاده می‌کنید.

قابلیت جذاب آخر، امکان پیش‌بارگذاری یا preload فونت‌های محلی دلخواه شما است که به سرعت لود صفحه کمک می‌کند. در این حالت کافیست که مسیر فونت مورد استفاده خود را وارد کنید، تا خود افزونه به طور خودکار آن را با link rel="preload" به قسمت head سایت شما اضافه کند.

بعد از نصب و راه‌اندازی و انجام تنظیمات درست این افزونه، اگر سرعت لود سایت خود را در Gtmetrix یا سایت‌های مشابه بررسی کنید متوجه بهبود ملموس آن خواهید شد.

وندا نوژن

وردپرسافزایش سرعت وردپرسبهینه سازی وردپرس
روزها درگیر مصائب فنی، شب‌ها مشغول ثبت راه‌حل‌های یافتنی
شاید از این پست‌ها خوشتان بیاید