پیاده‌سازی بدون افزونه وردپرس: تبدیل خودکار تصاویر آپلود شده به فرمت WebP (ضروری برای سرعت بخشیدن به وب‌سایت 🔥)

چرا وردپرس به بهینه‌سازی تصاویر WebP نیاز دارد؟

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

تصاویر سنتی JPEG، PNG و GIF حجم زیادی دارند، دیر بارگذاری می‌شوند و تجربه کاربری ضعیفی را ارائه می‌دهند.

فرمت تصویر WebP که توسط گوگل معرفی شده است، مزایای زیر را دارد:

1. اندازه فایل‌های کوچک‌تر → بهبود سرعت دسترسی به وب‌سایت و کاهش نرخ پرش (bounce rate).
2. کیفیت تصویر عقب نمانده است → پس از فشرده‌سازی، هنوز شفاف و ظریف است.
3. SEOدوستانه → وب‌سایت‌های وردپرس احتمال بیشتری دارد که رتبه‌های بالاتری در موتورهای جستجو مانند گوگل و بایدو کسب کنند.

به عبارت دیگر، بهینه‌سازی وب‌پی وردپرس = سرعت بیشتر + رتبه‌بندی بالاتر + رضایت بیشتر کاربر.

نقاط ضعف فشرده‌سازی تصویر سنتی در وردپرس

بیشتر مدیران وب این کار را انجام می‌دهند:

• 先用 TinyPNG یا اسکواش فشرده‌سازی دستی و تبدیل به WebP
• سپس آن را در وب‌سایت وردپرس خود بارگذاری کنید.

مشکل این است که این فرآیند مثل انجام یک کار خسته‌کننده‌ی جابجایی آجر است.

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

تبدیل خودکار کد PHP به WebP بدون افزونه وردپرس

راه حل اینجاست!

کد PHP زیر می‌تواند به طور خودکار فایل‌های JPG، JPEG، PNG و GIF را هنگام آپلود به WebP تبدیل کند و دست شما را کاملاً باز بگذارد.

/**
 * Convert Uploaded Images to WebP Format with Custom Quality
 */
add_filter('wp_handle_upload', 'wpturbo_handle_upload_convert_to_webp');
function wpturbo_handle_upload_convert_to_webp($upload) {
    if (in_array($upload['type'], ['image/jpeg', 'image/png', 'image/gif'])) {
        $file_path = $upload['file'];
        if (extension_loaded('imagick') || extension_loaded('gd')) {
            $image_editor = wp_get_image_editor($file_path);
            if (!is_wp_error($image_editor)) {
                $quality = 80; // 建议范围 70-90
                $image_editor->set_quality($quality);

                $file_info = pathinfo($file_path);
                $dirname = $file_info['dirname'];
                $filename = $file_info['filename'];
                $def_filename = wp_unique_filename($dirname, $filename . '.webp');
                $new_file_path = $dirname . '/' . $def_filename;

                $saved_image = $image_editor->save($new_file_path, 'image/webp');

                if (!is_wp_error($saved_image) && file_exists($saved_image['path'])) {
                    $upload['file'] = $saved_image['path'];
                    $upload['url'] = str_replace(basename($upload['url']), basename($saved_image['path']), $upload['url']);
                    $upload['type'] = 'image/webp';
                    @unlink($file_path); // 假如要保留原图，请注释这行
                }
            }
        }
    }
    return $upload;
}

👉 توصیه می‌شود برای جلوگیری از تأثیرگذاری بر ارتقاء قالب وردپرس، این کد را با استفاده از Code Snippets یا افزونه WPCode وردپرس مدیریت کنید.

با بهینه‌سازی تصویر WebP بدون افزونه وردپرس ، می‌توانید به راحتی به موارد زیر دست یابید:

• فشرده‌سازی به محض آپلود → صرفه‌جویی زیاد در زمان
• سرعت بارگذاری بالاتر → تجربه کاربری بهبود یافته
• عملکرد بهتر سئو → رتبه‌بندی بالاتر وب‌سایت

نتایج واقعی آزمایش: فشرده‌سازی WebP وردپرس چقدر قوی است؟

• قبل از آپلود: فرمت PNG، اندازه 975 KB
• پس از آپلود: به طور خودکار به WebP تبدیل می‌شود، اندازه فقط ... 35 KB 🎉
• یادآوری گرم: اندازه فشرده‌سازی خاص منوط به شرایط فشرده‌سازی واقعی است.

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

فشرده‌سازی خودکار تصاویر در وردپرس باعث می‌شود وب‌سایت شما سریع‌تر از باد اجرا شود! 🌪️