WordPress-laajennukseton toteutus: Muunna ladatut kuvat automaattisesti WebP-muotoon (välttämätöntä verkkosivuston kiihdytykselle 🔥)

Miksi WordPress tarvitsee WebP-kuvaoptimointia?

Nykypäivän nopeustietoisessa internetympäristössä WordPress-kuvien optimoinnista on tullut olennainen osa verkkosivustojen kiihdytystä.

Perinteiset JPEG-, PNG- ja GIF-kuvat ovat kooltaan suuria, latautuvat hitaasti ja tarjoavat huonon käyttökokemuksen.

Googlen esittelemällä WebP-kuvamuodolla on seuraavat edut:

1. Pienemmät tiedostokoot → Paranna verkkosivustolle pääsyn nopeutta ja vähennä poistumisprosenttia.
2. Kuvanlaatu ei jää jälkeen → Yhä kirkas ja herkkä puristuksen jälkeen.
3. SEOystävällinen → WordPress-verkkosivustot saavat todennäköisemmin korkeampia sijoituksia hakukoneissa, kuten Google ja Baidu.

Toisin sanoen, WordPress WebP -optimointi = nopeampi nopeus + korkeampi sijoitus + suurempi käyttäjätyytyväisyys.

Perinteisen kuvanpakkauksen kipupisteet WordPressissä

Useimmat verkkovastaavat tekevät näin:

• 先用 TinyPNG 或 Squoosh Pakkaa manuaalisesti ja muunna WebP-muotoon.
• Lataa se sitten WordPress-sivustollesi.

Ongelmana on, että tämä prosessi on kuin tylsää tiilien siirtelyä ⚒️.

Se ei ole vain aikaa vievää, vaan se myös heikentää merkittävästi artikkelien kirjoittamisen tehokkuutta. Lisäksi lisäosien käyttö, joilla on joko rajoitetut kiintiöt tai liian monta lisäosaa, voi aiheuttaa WordPressin jumiutumisen.

WordPress-laajennukseton PHP-koodin automaattinen muuntaminen WebP-muotoon

Ratkaisu on tässä!

Seuraava PHP-koodi voi muuntaa JPG-, JPEG-, PNG- ja GIF-tiedostot automaattisesti WebP-muotoon latauksen aikana, mikä vapauttaa kätesi täysin.

/**
 * 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;
}

👉 Tämän koodin hallintaa suositellaan koodinpätkien tai WPCode WordPress -laajennuksen avulla , jotta se ei vaikuta WordPress-teemojen päivityksiin.

WordPressin laajennuksettomalla WebP-kuvanoptimoinnilla voit helposti saavuttaa seuraavat:

• Pakkaa heti latauksen jälkeen → Säästä paljon aikaa
• Nopeampi latausnopeus → Parempi käyttökokemus
• Parempi hakukoneoptimointisuorituskyky → Korkeampi verkkosivuston sijoitus

Todelliset testitulokset: Kuinka vahvaa WordPress WebP -pakkaus on?

• Ennen lataamista: PNG-muoto, koko 975 KB
• Latauksen jälkeen: Muunna automaattisesti WebP-muotoon, koko on vain 35 KB 🎉
• Lämmin muistutus: Tarkka pakkauskoko riippuu todellisesta pakkaustilanteesta.

Yli 80 %: n pakkaussuhteen ja uskomattoman nopean latausnopeuden ansiosta käyttäjät tuskin huomaavat kuvanlaadun heikkenemistä.

Automaattinen kuvien pakkaus WordPressille saa verkkosivustosi toimimaan tuultakin nopeammin! 🌪️