افزایش سرعت سایت وردپرس با دو تابع و بدون استفاده از افزونه!

منتشر شده در 17 ژانویه 2025 آخرین به روز رسانی در 17 ژانویه 2025
مهندس محسن حسن پور
46 0
افزایش سرعت سایت وردپرس با دو تابع wp_dequeue_scripts و wp_dequeue_styles

این پست با مسیر متخصص وردپرس مرتبط است. مشاهده مسیر (Roadmap)

اگر برای مدیریت سایت خود از وردپرس استفاده میکنید، شما می توانید به کمک دو تابع wp_dequeue_scripts و wp_dequeue_styles سرعت وب سایت خود را افزایش دهید و بدون استفاده از هیچ افزونه ای سایت خود را سریع تر و سبک تر کنید. این روش برای افزایش سرعت سایت وردپرس و بهینه‌سازی عملکرد وب‌سایت و کاهش زمان بارگذاری صفحات بسیار مؤثر است و به شما کمک می‌کند که تجربه کاربری بهتری برای بازدیدکنندگان فراهم کنید. در این آموزش قدم‌به‌قدم به شما نشان می‌دهیم چگونه از این توابع برای بهبود سرعت سایت وردپرس خود استفاده کنید.

توابع wp_dequeue_scripts و wp_dequeue_styles چیستند؟

این دو تابع برای غیرفعال کردن یا حذف اسکریپت‌ها و استایل‌هایی استفاده می‌شوند که ممکن است برای سایت شما ضروری نباشند. به عنوان مثال، بسیاری از افزونه‌ها یا قالب‌ها اسکریپت‌ها و استایل‌هایی را در تمام صفحات سایت بارگذاری می‌کنند که نیازی به آن‌ها ندارید.


چگونه از این توابع استفاده کنیم؟

ابتدا میباسیست فایل functions.php قالب خود را edit نمایید برای اینکار بهترین روش استفاده از FTP برای ویرایش این فایل است اما اگر حوصله ی این کار رو ندارید می توانید به روش زیر نیز عمل کنید:

  1. ابتدا به پنل مدیریت وردپرس خود وارد شوید.
  2. به بخش ویرایشگر قالب بروید یا یک افزونه کد سفارشی مانند Code Snippets نصب کنید.
  3. کد زیر را به فایل functions.php قالب خود اضافه کنید:
    function optimize_assets() {
        // حذف یک اسکریپت خاص
        wp_dequeue_script('example-script');
        // حذف یک استایل خاص
        wp_dequeue_style('example-style');
    }
    add_action('wp_enqueue_scripts', 'optimize_assets', 100);

     

توضیحات کد

  • wp_dequeue_script: برای حذف اسکریپت‌هایی که نیازی به آن‌ها ندارید استفاده می‌شود.
  • wp_dequeue_style: برای حذف استایل‌های اضافی استفاده می‌شود.
  • مقدار example-script و example-style باید با شناسه اسکریپت‌ها یا استایل‌هایی که می‌خواهید حذف کنید جایگزین شود. این شناسه‌ها معمولاً در فایل‌های افزونه‌ها یا قالب‌ها مشخص شده‌اند.

چگونه شناسه اسکریپت‌ها و استایل‌ها را پیدا کنیم؟

برای یافتن شناسه اسکریپت‌ها و استایل‌ها می‌توانید از ابزارهای مرورگر مانند Inspect Element یا ردن گزینه view page source در مرورگر خود نام و شناسه منابع بارگذاری‌شده را پیدا نمایید. به یاد داشته باشید id در تگ scripts یا styles منهای پسوند -js و -css برابر شناسه استایل و اسکریپت است. برای مثال

<link rel='stylesheet' id='thwcfe-contact-info-section-frontend-css' href='https://tutsxen.net/example/frontend.css?ver=2.1.1' media='all' />

مقدار thwcfe-contact-info-section-frontend شناسه ی این فایل CSS می باشد.

مزایای استفاده از این روش

  1. بدون نیاز به افزونه: نیازی به نصب افزونه‌های سنگین برای بهینه‌سازی سایت ندارید.
  2. افزایش سرعت سایت: با حذف منابع غیرضروری، سرعت بارگذاری صفحات افزایش می‌یابد.
  3. کنترل بیشتر: می‌توانید دقیقاً تعیین کنید که چه منابعی بارگذاری شوند و چه منابعی حذف شوند.

نکات پایانی

  • قبل از اعمال هر تغییری، از سایت خود نسخه پشتیبان تهیه کنید.
  • تغییرات را در محیط آزمایشی تست کنید تا مطمئن شوید که مشکلی در عملکرد سایت ایجاد نمی‌شود.
  • به‌روزرسانی‌های وردپرس و افزونه‌ها را به‌طور منظم بررسی کنید تا از مشکلات احتمالی جلوگیری کنید.

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