Реалізація WordPress без плагінів: Автоматичне конвертування завантажених зображень у формат WebP (обов'язково для прискорення роботи вебсайту 🔥)

чомуWordPressПотрібна оптимізація зображень WebP?

У сучасному інтернет-середовищі, де швидкість є ключовою,Оптимізація зображень WordPressЦе стало обов'язковим курсом для прискорення вебсайтів.

Традиційні зображення JPEG, PNG та GIF мають великий розмір, повільно завантажуються та створюють поганий користувацький досвід.

Формат зображення WebPЗапущений Google, він має такі переваги:

1. Менші розміри файлів → Покращення швидкості доступу до веб-сайту та зменшення показника відмов.
2. Якість зображення не відстає → Залишається чітким та детальним після стиснення.
3. SEO友好 → Вебсайти WordPress мають більше шансів отримати вищі рейтинги в пошукових системах, таких як Google та Baidu.

іншими словами,Оптимізація WordPress WebP = Висока швидкість + високий рейтинг + більше задоволених користувачів.

Больові точки традиційного стиснення зображень у WordPress

Більшість вебмайстрів роблять це:

• 先用 TinyPNG 或 Squoosh Стисніть вручну та конвертуйте у WebP.
• Потім завантажте його на свій вебсайт WordPress.

Проблема в тому, що цей процес схожий на нудне переміщення цегли ⚒️.

Це не тільки забирає багато часу, але й значно знижує ефективність написання статей. Більше того, використання плагінів або має обмежені квоти, або їх занадто багато може призвести до уповільнення роботи WordPress.

Автоматичне перетворення PHP-коду в WebP без плагінів WordPress

Рішення вже тут!

Через наступний абзац 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;
}

👉 Рекомендовано Фрагменти коду 或 WPCode Плагін WordPressЩоб керувати цим кодом, це не вплине на оновлення теми WordPress.

Наскрізь Оптимізація зображень WebP без плагінів WordPress, ви можете легко досягти:

• Стискайте одразу після завантаження → Заощадьте багато часу
• Швидше завантаження → Покращений користувацький досвід
• Краща SEO-ефективність → Вищий рейтинг веб-сайту

Фактичні результати тестування: Наскільки сильне стиснення WebP у WordPress?

• Перед завантаженням: формат PNG, розмір 975 KB
• Після завантаження: автоматично конвертувати у WebP, розмір лише 35 KB ????
• Нагадування: Конкретний розмір стиснення залежить від фактичної ситуації стиснення.

Ступінь стиснення до 8більше 0%, швидкість завантаження настільки висока🚀, що користувачі майже не відчувають погіршення якості зображення.

Автоматизація стиснення зображень WordPress змушує ваш вебсайт працювати швидше за вітер! 🌪️