ایجاد اتصال زودهنگام به دامنههای خارجی با Preconnect در وردپرس
با قرار دادن کد زیر در functions.php، مرورگر کاربر پیش از رسیدن به اسکریپت اصلی، اتصال امن را با دامنههای خارجی کلیدی برقرار میسازد.
مشخصات فنی و شناسنامه کد (Code Information)
بازبینی: 1405/06/29<?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 یا هاست دانلود خود تعویض کنید.
این کد چگونه کار میکند؟ (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.