افزایش سرعت وردپرس با چند کد آماده و امن + نحوه اجرا

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

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

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

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

نکته سوم این است که اگر از افزونه‌های بهینه‌سازی سرعت مثل LiteSpeed Cache، WP Rocket، Perfmatters یا Autoptimize استفاده می‌کنید، دقت کنید یک قابلیت را دوبار فعال نکنید. مثلاً اگر افزونه کش شما ایموجی‌های وردپرس را حذف می‌کند، نیازی نیست دوباره همان قابلیت را با کد فعال کنید.

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

برای اجرای این کدها از WPCode استفاده کنید

برای اضافه کردن کد به وردپرس چند روش وجود دارد. بعضی‌ها کدها را داخل فایل functions.php قالب قرار می‌دهند. این روش کار می‌کند، اما برای بیشتر کاربران روش ایده‌آلی نیست. چون اگر قالب تغییر کند، کدها از بین می‌روند. همچنین اگر یک کد اشتباه داخل فایل قالب قرار بگیرد، ممکن است سایت دچار خطا شود.

روش بهتر برای بیشتر کاربران استفاده از افزونه WPCode است. این افزونه به شما اجازه می‌دهد کدهای PHP، CSS، JavaScript و HTML را به شکل مرتب و جداگانه داخل وردپرس ذخیره و مدیریت کنید. مزیت مهم WPCode این است که می‌توانید هر قطعه کد را جداگانه فعال یا غیرفعال کنید. بنابراین اگر یکی از کدها با سایت شما سازگار نبود، لازم نیست وارد فایل‌های قالب شوید؛ فقط همان Snippet را غیرفعال می‌کنید.

برای دانلود مستقیم افزونه از مخزن وردپرس می‌توانید از لینک زیر استفاده کنید:

دانلود مستقیم افزونه WPCode از WordPress.org

مسیر کلی اجرای کدها در WPCode معمولاً به این شکل است:

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

کد اول: حذف ایموجی‌های وردپرس

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

این کار می‌تواند چند درخواست اضافه را از خروجی سایت حذف کند و به سبک‌تر شدن سایت کمک کند. این کد یکی از ساده‌ترین کدها برای شروع افزایش سرعت وردپرس است.

add_action('init', function () {
    remove_action('wp_head', 'print_emoji_detection_script', 7);
    remove_action('wp_print_styles', 'print_emoji_styles');
    remove_action('admin_print_scripts', 'print_emoji_detection_script');
    remove_action('admin_print_styles', 'print_emoji_styles');
    remove_filter('the_content_feed', 'wp_staticize_emoji');
    remove_filter('comment_text_rss', 'wp_staticize_emoji');
    remove_filter('wp_mail', 'wp_staticize_emoji_for_email');
});

*این کد از نوع PHP می باشد.

بعد از اجرای این کد، ظاهر سایت معمولاً تغییری نمی‌کند. فقط فایل‌های اضافه مربوط به ایموجی‌های وردپرس حذف می‌شوند. اگر سایت شما به شکل خاصی از ایموجی‌ها در محتوا استفاده می‌کند، بهتر است بعد از فعال کردن کد چند صفحه را بررسی کنید.

کد دوم: غیرفعال کردن wp-embed

وردپرس قابلیتی به نام wp-embed دارد که برای نمایش خودکار محتوای جاسازی‌شده استفاده می‌شود. مثلاً وقتی لینک بعضی سایت‌ها را در نوشته قرار می‌دهید، وردپرس می‌تواند آن را به شکل پیش‌نمایش نمایش دهد. اما بسیاری از سایت‌ها اصلاً از این قابلیت استفاده نمی‌کنند.

اگر از Embed خودکار وردپرس استفاده نمی‌کنید، غیرفعال کردن wp-embed می‌تواند یک فایل JavaScript اضافه را حذف کند و به بهینه سازی سرعت وردپرس کمک کند.

add_action('wp_footer', function () {
    wp_deregister_script('wp-embed');
});

*این کد از نوع PHP می باشد.

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

کد سوم: حذف Dashicons برای کاربران مهمان

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

این کار مخصوصاً برای سایت‌هایی مفید است که می‌خواهند درخواست‌های CSS اضافه را کم کنند و مسیر افزایش سرعت سایت وردپرسی را اصولی‌تر پیش ببرند.

add_action('wp_enqueue_scripts', function () {
    if (!is_user_logged_in()) {
        wp_deregister_style('dashicons');
    }
});

*این کد از نوع PHP می باشد.

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

کد چهارم: غیرفعال کردن Heartbeat در فرانت‌اند سایت

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

غیرفعال کردن Heartbeat در بخش عمومی سایت می‌تواند درخواست‌های اضافه به admin-ajax.php را کاهش دهد. این موضوع مخصوصاً در سایت‌هایی که منابع هاست محدود دارند، می‌تواند مفید باشد.

add_action('init', function () {
    if (!is_admin()) {
        wp_deregister_script('heartbeat');
    }
});

*این کد از نوع PHP می باشد.

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

کد پنجم: اضافه کردن Lazy Load به تصاویر

در نسخه‌های جدید وردپرس، Lazy Load برای تصاویر تا حد زیادی به‌صورت پیش‌فرض وجود دارد. با این حال ممکن است بعضی تصاویر به دلیل نوع خروجی قالب یا افزونه‌ها، ویژگی loading lazy نداشته باشند.

Lazy Load باعث می‌شود تصاویر فقط وقتی به محدوده دید کاربر نزدیک می‌شوند بارگذاری شوند. این موضوع می‌تواند سرعت بارگذاری اولیه صفحه را بهتر کند، مخصوصاً در صفحاتی که تصویر زیاد دارند.

add_filter('wp_get_attachment_image_attributes', function ($attr) {
    if (empty($attr['loading'])) {
        $attr['loading'] = 'lazy';
    }

    return $attr;
});

*این کد از نوع PHP می باشد.

این کد برای بسیاری از سایت‌ها امن است. البته برای تصویر اصلی بالای صفحه یا تصویر Hero بهتر است Lazy Load با دقت استفاده شود؛ چون اگر تصویر اصلی صفحه دیر لود شود، ممکن است روی تجربه کاربری و LCP اثر منفی بگذارد. بنابراین بعد از اجرای این کد، صفحات مهم سایت را بررسی کنید.

کد ششم: حذف نسخه فایل‌های CSS و JS از آدرس‌ها

وردپرس معمولاً به انتهای فایل‌های CSS و JS یک پارامتر نسخه اضافه می‌کند. مثلاً آدرس فایل ممکن است به شکل style.css?ver نمایش داده شود. بعضی‌ها برای بهبود کش این پارامترها را حذف می‌کنند.

این کد همیشه ضروری نیست و در بعضی سایت‌ها تفاوت زیادی ایجاد نمی‌کند، اما می‌تواند در بعضی شرایط به مرتب‌تر شدن آدرس فایل‌ها کمک کند.

function st_remove_asset_version_query($src) {
    if (strpos($src, '?ver=') !== false) {
        $src = remove_query_arg('ver', $src);
    }

    return $src;
}

add_filter('style_loader_src', 'st_remove_asset_version_query', 10, 1);
add_filter('script_loader_src', 'st_remove_asset_version_query', 10, 1);

*این کد از نوع PHP می باشد.

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

کد هفتم: غیرفعال کردن XML-RPC اگر استفاده نمی‌کنید

XML-RPC یکی از قابلیت‌های قدیمی وردپرس است که برای ارتباط‌های خارجی استفاده می‌شود. بعضی اپلیکیشن‌ها یا سرویس‌ها ممکن است به آن نیاز داشته باشند، اما در بسیاری از سایت‌ها بلااستفاده است. علاوه بر بحث امنیت، کاهش درخواست‌های بی‌استفاده به این فایل می‌تواند به سبک‌تر شدن سایت کمک کند.

add_filter('xmlrpc_enabled', '__return_false');

*این کد از نوع PHP می باشد.

اگر از اپلیکیشن موبایل وردپرس، Jetpack یا سرویس‌هایی که به XML-RPC نیاز دارند استفاده می‌کنید، قبل از فعال کردن این کد بررسی کنید. اگر استفاده‌ای ندارید، غیرفعال کردن آن معمولاً مشکلی ایجاد نمی‌کند.

کد هشتم: محدود کردن تعداد نسخه‌های ذخیره‌شده نوشته‌ها

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

برای محدود کردن تعداد Revisionها، بهتر است این خط را داخل فایل wp-config.php قرار دهید. این مورد را مثل بقیه کدها داخل WPCode اجرا نکنید و فقط اگر به فایل منیجر هاست دسترسی دارید، با احتیاط انجام دهید.

define('WP_POST_REVISIONS', 5);

*این کد از نوع PHP می باشد.

این کد تعداد نسخه‌های ذخیره‌شده هر نوشته را به ۵ عدد محدود می‌کند. این کار به‌تنهایی باعث افزایش سرعت محسوس در فرانت‌اند نمی‌شود، اما برای مدیریت بهتر دیتابیس سایت مفید است.

آیا این کدها برای همه سایت‌ها مناسب هستند؟

خیر. هیچ کدی برای همه سایت‌ها مناسب نیست. هدف این مقاله این نیست که همه کدها را بدون بررسی روی هر سایتی اجرا کنید. هدف این است که با چند روش ساده آشنا شوید و بدانید کدام بخش‌های اضافه وردپرس می‌توانند در بعضی سایت‌ها غیرفعال شوند.

برای افزایش سرعت وردپرس باید وضعیت سایت به‌صورت کامل بررسی شود. ممکن است مشکل اصلی سایت شما تصاویر سنگین باشد، نه ایموجی‌ها. ممکن است مشکل از هاست باشد، نه wp-embed. ممکن است قالب یا صفحه‌ساز سایت بیشترین اثر را روی کندی داشته باشد. بنابراین این کدها فقط بخشی از مسیر بهینه سازی سرعت وردپرس هستند.

چه کارهایی بیشتر از کد روی سرعت وردپرس اثر دارند؟

اگر سایت شما کند است، فقط به کدها تکیه نکنید. بعضی از مهم‌ترین عوامل سرعت سایت عبارت‌اند از کیفیت هاست، حجم تصاویر، تعداد افزونه‌ها، سبک بودن قالب، تنظیمات کش، بهینه‌سازی CSS و JavaScript، استفاده درست از فونت‌ها و وضعیت دیتابیس.

برای مثال، اگر تصاویر سایت شما بدون فشرده‌سازی و با حجم چند مگابایت بارگذاری شده باشند، حذف ایموجی‌ها تأثیر زیادی روی سرعت نهایی نخواهد داشت. یا اگر هاست سایت ضعیف باشد، حتی بهترین کدهای بهینه‌سازی هم نمی‌توانند مشکل را کامل حل کنند.

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

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

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

اشتباه دوم این است که همه فایل‌های JS را بدون بررسی defer یا delay می‌کنند. این کار اگر درست انجام نشود، ممکن است منو، اسلایدر، فرم‌ها یا دکمه‌های سایت را خراب کند.

اشتباه سوم حذف کردن jQuery بدون بررسی است. بعضی سایت‌ها هنوز به jQuery نیاز دارند و حذف آن می‌تواند بخش‌هایی از سایت را از کار بیندازد.

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

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

بهترین روش این است که ابتدا از سایت بکاپ بگیرید. سپس افزونه WPCode را نصب کنید و برای هر کد یک Snippet جداگانه بسازید. بعد از فعال کردن هر Snippet، کش سایت را پاک کنید و سایت را در موبایل و دسکتاپ بررسی کنید.

اگر سایت شما با Elementor، WooCommerce یا افزونه‌های فرم‌ساز ساخته شده، حتماً صفحات مهم را تست کنید. صفحه اصلی، صفحه محصول، صفحه تماس، صفحه سبد خرید، صفحه پرداخت و صفحات مقاله‌ای از مهم‌ترین بخش‌هایی هستند که باید بررسی شوند.

همچنین بهتر است قبل و بعد از اجرای تغییرات، سرعت سایت را با PageSpeed Insights یا GTmetrix بررسی کنید. البته این ابزارها را باید درست تفسیر کرد. اگر امتیاز کمی بهتر شد اما سایت در عمل سریع‌تر حس نشد، هنوز جای بررسی وجود دارد.

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

چه زمانی بهتر است افزایش سرعت وردپرس را تخصصی‌تر بررسی کنیم؟

اگر با اجرای چند کد ساده، حذف افزونه‌های اضافه و بهینه‌سازی تصاویر هنوز سایت شما کند است، احتمالاً مشکل عمیق‌تر از چند تنظیم ساده است. در این حالت باید قالب، افزونه‌ها، درخواست‌های سرور، دیتابیس، فونت‌ها، فایل‌های CSS و JavaScript و تنظیمات کش دقیق‌تر بررسی شوند. برای دیدن نمونه‌هایی از پروژه‌ها و سبک اجرای سایت‌ها، می‌توانید بخش نمونه‌کارهای طراحی سایت را ببینید.

جمع‌بندی

افزایش سرعت وردپرس یکی از مهم‌ترین کارهایی است که برای بهبود تجربه کاربری، سئو و نرخ تبدیل سایت باید انجام شود. وردپرس امکانات زیادی دارد، اما همه این امکانات برای همه سایت‌ها ضروری نیستند. با حذف بعضی فایل‌ها و قابلیت‌های اضافه، می‌توان سایت را سبک‌تر و مرتب‌تر کرد.

در این مقاله چند کد آماده و نسبتاً امن برای افزایش سرعت وردپرس معرفی شد؛ از حذف ایموجی‌ها و wp-embed گرفته تا غیرفعال کردن Dashicons برای کاربران مهمان، کنترل Heartbeat، اضافه کردن Lazy Load و محدود کردن Revisionها. این کدها می‌توانند مفید باشند، اما نباید بدون تست و بررسی اجرا شوند.

برای اجرای امن‌تر کدها بهتر است از افزونه WPCode استفاده کنید تا هر قطعه کد جداگانه قابل مدیریت باشد. همچنین فراموش نکنید که این کدها جایگزین بهینه‌سازی اصولی سایت نیستند. اگر سایت شما تصاویر سنگین، هاست ضعیف، قالب سنگین یا افزونه‌های زیاد داشته باشد، باید ریشه مشکل هم بررسی شود.

اگر سایت وردپرسی شما کند شده، بهتر است ابتدا علت کندی را پیدا کنید و بعد سراغ راه‌حل بروید. گاهی چند تغییر ساده کافی است، اما در بعضی پروژه‌ها نیاز به بررسی تخصصی سرعت، ساختار قالب، افزونه‌ها، دیتابیس و تنظیمات کش وجود دارد. اگر هنوز در مرحله بررسی هزینه‌ها و امکانات سایت هستید، مقاله قیمت طراحی سایت فروشگاهی وردپرس هم می‌تواند دید بهتری درباره عوامل مؤثر بر هزینه طراحی و بهینه‌سازی سایت بدهد. هدف نهایی این است که سایت برای کاربر سریع، روان و قابل اعتماد باشد؛ نه اینکه فقط چند عدد در ابزارهای تست سرعت بهتر نمایش داده شود.