افزایش سرعت و پرفورمنس Action Hook پلتفرم: wordpress مبتدی (Easy) سطح ریسک: پایین و بی‌خطر (Low Risk)

ایجاد اتصال زودهنگام به دامنه‌های خارجی با Preconnect در وردپرس

تست‌شده و بازبینی‌شده در 1405/06/29 ۳۶۰ بار کپی ۱۸۲۲ مشاهده
پاسخ سریع و خلاصه کاربردی (Quick Answer)

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

مشخصات فنی و شناسنامه کد (Code Information)

بازبینی: 1405/06/29
پلتفرم اجرایی (Platform) wordpress
نوع کد (Code Type) Action Hook
محل قرارگیری فایل (Location) functions.php
سطح دشواری (Difficulty) مبتدی (Easy)
سطح ریسک (Risk Level) پایین و بی‌خطر (Low Risk)
نیاز به بکاپ اولیه؟ خیر (کم‌ریسک)
سازگاری با وردپرس تمامی نسخه‌ها
سازگاری با ووکامرس و HPOS سازگار
|
<?php
/**
 * برقراری اتصال زودهنگام Preconnect به دامنه‌های خارجی حیاتی
 */
function bisco_resource_hints_preconnect( $urls, $relation_type ) {
    if ( 'preconnect' === $relation_type ) {
        // دامنه CDN استاتیک یا سرور فونت
        $urls[] = array(
            'href' => 'https://cdn.example.com',
            'crossorigin' => 'anonymous',
        );
        $urls[] = array(
            'href' => 'https://fonts.gstatic.com',
            'crossorigin' => 'anonymous',
        );
    }
    return $urls;
}
add_filter( 'wp_resource_hints', 'bisco_resource_hints_preconnect', 10, 2 );

کد را کجا قرار دهیم؟ (Placement Guide)

کد را در functions.php ذخیره کرده و دامنه example.com را با دامنه سرور CDN یا هاست دانلود خود تعویض کنید.

مسیر فایل: functions.php

این کد چگونه کار می‌کند؟ (How it Works)

هوک بومی wp_resource_hints متاتگ‌های استاندارد `<link rel='preconnect' href='...'>` را به شکل استاندارد درون هدر HTML تزریق می‌کند.

چه زمانی از این کد استفاده کنیم؟ (Use Cases)

برای هاست دانلود، CDN تصاویر و سرورهای فونت خارجی که در هر صفحه لود می‌شوند.

چه زمانی نباید از این کد استفاده کنیم؟ (Anti-patterns)

برای بیش از ۳ الی ۴ دامنه، زیرا برقراری اتصال‌های باز و معلق سوکت‌های مرورگر را اشغال می‌کند.

پیش‌نیازهای اجرا

وردپرس ۴.۶ به بالا.

نحوه تست و اطمینان از عملکرد

در گزارش Lighthouse به بخش Preconnect to required origins سر بزنید؛ این اخطار باید برطرف شده باشد.

نحوه بازگردانی سریع (Rollback)

فیلتر را از functions.php پاک کنید.

خطاهای رایج و راه‌حل رفع

استفاده برای دامنه‌ای که در صفحه فعلی هیچ فایلی از آن فراخوانی نشده است.

ملاحظات و نکات امنیتی

استفاده از پروتکل امن https در آدرس دامنه‌ها الزامی است.

تاثیر بر سرعت و پرفورمنس

صرفه‌جویی ۱۰۰ الی ۳۰۰ میلی‌ثانیه‌ای در برقراری اتصال SSL و TCP.

پرسش‌های متداول پیرامون این کد (FAQ)

دستور dns-prefetch تنها نام دامنه را به IP ترجمه می‌کند، اما preconnect علاوه بر DNS، هندشیک TCP و مذاکره کلید امنیتی TLS/SSL را نیز کامل انجام می‌دهد.
منابع و مستندات رسمی بررسی‌شده (Official Sources):

سبد خرید شما

0 افزونه

سبد خرید شما خالی است

هنوز محصولی را به سبد خرید اضافه نکرده‌اید. می‌توانید از افزونه‌های اختصاصی ما دیدن فرمایید.

مشاهده فروشگاه افزونه‌ها

ثبت درخواست مشاوره

با تکمیل فرم زیر، کارشناسان فنی بیسکو وب در سریع‌ترین زمان ممکن با شما تماس می‌گیرند.

مشاور
پشتیبانی و مشاوره تخصصی
پاسخگویی سریع کارشناسان
09903336117