التحميل المسبق: الدليل الشامل لتسريع ووردبريس 2026

<!-- ========== PRELOAD: للموارد الحرجة في الصفحة الحالية ========== -->

<!-- 1. تحميل CSS الرئيسي -->
<link rel="preload" href="<?php echo get_stylesheet_uri(); ?>" as="style">

<!-- 2. تحميل صورة Hero (LCP Element) - غيّر المسار -->
<link rel="preload" href="/wp-content/uploads/hero-home.webp" as="image" type="image/webp">

<!-- 3. تحميل الخطوط (CORS مطلوب للخطوط!) -->
<link rel="preload" href="/wp-content/themes/your-theme/fonts/cairo.woff2" as="font" type="font/woff2" crossorigin>

<!-- ========== PREFETCH: للصفحات التالية ========== -->

<!-- 4. الصفحة التالية (مثال) -->
<link rel="prefetch" href="<?php echo home_url('/contact/'); ?>">

<!-- ========== PRECONNECT: للروابط الخارجية ========== -->

<!-- 5. Google Fonts (خطوتين!) -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>

<!-- ========== DNS-PREFETCH: للروابط غير الحرجة ========== -->

<!-- 6. Analytics + Ads -->
<link rel="dns-prefetch" href="//www.google-analytics.com">
<link rel="dns-prefetch" href="//pagead2.googlesyndication.com">

<?php
/**
 * Vornix Preload Manager v2.0
 * إضافة Preload/Prefetch/Preconnect ديناميكياً
 * Author: Vornix Hosting Team
 */

// ✅ Hook في wp_head بأولوية قصوى (1 = ينفذ أولاً)
add_action( 'wp_head', 'vornix_preload_critical_resources', 1 );

function vornix_preload_critical_resources() {
    
    // === 1. Preload لملف CSS الرئيسي ===
    $main_css = get_stylesheet_uri();
    if ( $main_css ) {
        printf(
            '<link rel="preload" href="%s" as="style">' . "\n",
            esc_url( $main_css )
        );
    }
    
    // === 2. Preload لصورة Hero (Homepage Only) ===
    if ( is_front_page() || is_home() ) {
        $hero_image = get_template_directory_uri() . '/images/hero.webp';
        printf(
            '<link rel="preload" href="%s" as="image" type="image/webp">' . "\n",
            esc_url( $hero_image )
        );
    }
    
    // === 3. Preload لصورة المقالة المميزة (Single Posts Only) ===
    if ( is_single() ) {
        $thumbnail_id = get_post_thumbnail_id();
        if ( $thumbnail_id ) {
            $thumbnail_url = wp_get_attachment_image_url( $thumbnail_id, 'full' );
            if ( $thumbnail_url ) {
                // تحويل تلقائي إلى WebP
                $webp_url = str_replace( ['.jpg', '.png', '.jpeg'], '.webp', $thumbnail_url );
                printf(
                    '<link rel="preload" href="%s" as="image" type="image/webp">' . "\n",
                    esc_url( $webp_url )
                );
            }
        }
    }
    
    // === 4. Preload للخطوط المخصصة ===
    $custom_fonts = [
        get_template_directory_uri() . '/fonts/cairo-variable.woff2',
        get_template_directory_uri() . '/fonts/tajawal-bold.woff2'
    ];
    
    foreach ( $custom_fonts as $font ) {
        printf(
            '<link rel="preload" href="%s" as="font" type="font/woff2" crossorigin>' . "\n",
            esc_url( $font )
        );
    }
    
    // === 5. Preconnect للروابط الخارجية ===
    $preconnect_domains = [
        'https://fonts.googleapis.com',
        'https://fonts.gstatic.com',
        'https://cdn.example.com' // غيّره!
    ];
    
    foreach ( $preconnect_domains as $domain ) {
        $crossorigin = ( strpos( $domain, 'gstatic' ) !== false ) ? ' crossorigin' : '';
        printf(
            '<link rel="preconnect" href="%s"%s>' . "\n",
            esc_attr( $domain ),
            $crossorigin
        );
    }
}

// ✅ إضافة Prefetch للصفحات التالية
add_action( 'wp_head', 'vornix_prefetch_next_pages', 2 );

function vornix_prefetch_next_pages() {
    // Prefetch صفحة "اتصل بنا"
    if ( ! is_page( 'contact' ) ) {
        printf(
            '<link rel="prefetch" href="%s">' . "\n",
            esc_url( home_url( '/contact/' ) )
        );
    }
    
    // Prefetch للمقال التالي (في Single Posts)
    if ( is_single() ) {
        $next_post = get_next_post();
        if ( $next_post ) {
            printf(
                '<link rel="prefetch" href="%s">' . "\n",
                esc_url( get_permalink( $next_post ) )
            );
        }
    }
}

<?php
/**
 * Vornix Advanced Preload Generator v3.0
 * كود متقدم مع Auto-Detection و Debug Mode
 */

add_action( 'wp_head', 'vornix_advanced_preload_generator', 1 );

function vornix_advanced_preload_generator() {
    
    // مصفوفة الموارد الحرجة (قابلة للتخصيص السهل)
    $critical_resources = [
        'styles'   => [
            'main' => get_stylesheet_uri()
        ],
        'scripts'  => [],
        'fonts'     => [
            get_template_directory_uri() . '/fonts/cairo.woff2'
        ],
        'images'    => []
    ];
    
    // === إضافة صورة ديناميكية حسب نوع الصفحة ===
    if ( is_front_page() ) {
        $critical_resources['images'][] = get_template_directory_uri() . '/images/home-hero.webp';
    } elseif ( is_single() ) {
        $thumb_id = get_post_thumbnail_id();
        if ( $thumb_id ) {
            $img_src = wp_get_attachment_image_url( $thumb_id, '2048x2048' );
            if ( $img_src ) $critical_resources['images'][] = $img_src;
        }
    }
    
    // === توليد وسوم Preload ===
    $output = '';
    
    // Styles
    foreach ( $critical_resources['styles'] as $handle => $url ) {
        if ( $url ) $output .= sprintf( '<link rel="preload" href="%s" as="style" data-preload-handle="%s">'."\n", esc_url($url), esc_attr($handle) );
    }
    
    // Fonts (مع CORS)
    foreach ( $critical_resources['fonts'] as $url ) {
        if ( $url ) $output .= sprintf( '<link rel="preload" href="%s" as="font" type="font/woff2" crossorigin>'."\n", esc_url($url) );
    }
    
    // Images (مع MIME Type Detection)
    foreach ( $critical_resources['images'] as $url ) {
        if ( $url ) {
            $mime_type = vornix_get_mime_type( $url );
            $output .= sprintf( '<link rel="preload" href="%s" as="image" type="%s">'."\n", esc_url($url), esc_attr($mime_type) );
        }
    }
    
    echo $output;
}

// دالة مساعدة لتحديد MIME Type تلقائياً
function vornix_get_mime_type( $url ) {
    $extension = strtolower( pathinfo( $url, PATHINFO_EXTENSION ) );
    $mime_types = [
        'webp' => 'image/webp',
        'jpg'  => 'image/jpeg',
        'jpeg' => 'image/jpeg',
        'png'  => 'image/png',
        'gif'  => 'image/gif',
        'avif' => 'image/avif'
    ];
    return isset( $mime_types[ $extension ] ) ? $mime_types[ $extension ] : 'image/jpeg';
}

// === DEBUG MODE (للتطوير فقط!) ===
if ( current_user_can( 'administrator' ) && isset( $_GET['debug-preload'] ) ) {
    add_action( 'wp_footer', function() { ?>
        <div style="position:fixed;bottom:16px;right:16px;background:#1e1b4b;color:#c4b5fd;padding:20px;border-radius:14px;font-family:monospace;z-index:9999;max-width:320px;border:2px solid #7c3aed;box-shadow:0 10px 40px rgba(124,58,237,0.3);font-size:13px;line-height:1.6;">
            <strong>🔍 Preload Debug Mode<//strong><br/><br/>
            Total Preloads: <strong style="color:#4ade80;"><?php echo substr_count( ob_get_clean(), 'rel="preload"' ); ?><//strong><br/>
            URL: <code><?php echo $_SERVER['REQUEST_URI']; ?><//code><br/><br/>
            <small style="color:#94a3b8;">Remove ?debug-preload from URL for production<//small>
        </div>
    <?php });
}