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

miksiWordPressTarvitsetko WebP-kuvien optimointia?

Nykypäivän internetympäristössä, jossa nopeus on avainasemassa,WordPress-kuvien optimointiSiitä on tullut pakollinen kurssi verkkosivustojen kiihdyttämiseen.

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

WebP-kuvamuotoGooglen lanseeraamalla sovelluksella 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 = Nopea nopeus + korkea sijoitus + tyytyväisemmät käyttäjät.

Perinteisen kuvanpakkauksen kipupisteet WordPressissä

Useimmat verkkovastaavat tekevät näin:

  • 先用 TinyPNGSquoosh 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

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

Ratkaisu on tässä!

Seuraavan kappaleen kautta PHP-koodi, joka voi automaattisesti muuntaa JPG-, JPEG-, PNG- ja GIF-tiedostot WebP-muotoon latauksen yhteydessä, 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;
}

👉 Suosittelija KoodinpätkätWPC-koodi WordPress-laajennusTämän koodin hallinta ei vaikuta WordPress-teeman päivitykseen.

mennessä WordPress-laajennukseton WebP-kuvien optimointi, voit helposti saavuttaa:

  • 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.

Puristussuhde jopa 8yli 0 %, latausnopeus on niin nopea🚀, että käyttäjät tuskin huomaavat kuvanlaadun heikkenemistä.

WordPressin kuvanpakkauksen automaatio saa verkkosivustosi toimimaan tuulta nopeammin! 🌪️

Hope Chen Weiliang -blogi ( https://www.chenweiliang.com/ ) jakoi "WordPress-laajennukseton toteutus: ladattujen kuvien automaattinen muuntaminen WebP-muotoon (välttämätöntä verkkosivuston kiihdytykselle 🔥)", josta on sinulle hyötyä.

Tervetuloa jakamaan tämän artikkelin linkki:https://www.chenweiliang.com/cwl-33248.html

Avataksesi lisää piilotettuja temppuja🔑, tervetuloa liittymään Telegram-kanavallemme!

Jaa ja tykkää jos pidät! Jakamasi ja tykkäyksesi ovat jatkuva motivaatiomme!

 

发表 评论

Sähköpostiosoitettasi ei julkaista. 必填 项 已 用 * 标注

Siirry alkuun