Manustasime kolm YouTube'i videot tavalise WordPressi oEmbedi kaudu, avasime lehe PageSpeed Insightsis ja nägime punast tausta. Iga video tõmbab lehe laadimisel kaasa umbes 700 KB YouTube'i mängija skripte, isegi kui külastaja ei plaani midagi vaadata. Kolm videot lisavad algsele mahule ligi 2 megabaiti. Lisaks puudub kontroll selle üle, milliseid videoid näidatakse pärast sinu video vaatamist soovitatud videote plokis.

Spetsiaalne YouTube'i plugin lahendab kolm probleemi korraga: mängija laisklaadimine kuni klikihetkeni säästab megabaite, automaatne sünkroniseerimine kanaliga toob uued videod ilma käsitsi kopeerimata, kontroll mängija välimuse ja käitumise üle võimaldab keelata konkurentide soovitatud videod. Ilma pluginata kleebid lingi ja saad vaikimisi iframe'i. Pluginaga haldad laadimiskiirust, välimust ja külastajakogemust.

Allpool on 7 tööriista erinevateks stsenaariumideks: alates mitme kanali voogudest kuni üksikute manuste täpse kiiruse optimeerimiseni. Tasuta versioonid katavad enamiku ülesandeid, tasulised versioonid lisavad laiendatud kohandamise ja serveri vahemälu.

💡 Kiirülevaade:

• Määratle ülesanne: automaatne kanalivoog, üksikud videod või galeriid hüpikaknas vaatamisega.
• Vali plugin: Smash Balloon mitme kanali voo jaoks, WP YouTube Lyte radikaalseks kiiruse optimeerimiseks, Video Gallery galeriide jaoks koos stiilimisega.
• Paigalda plugin WordPress.org-ist ja ühenda YouTube'i API võti.
• Kontrolli kiirust PageSpeed Insightsiga enne ja pärast.

Võrdlustabel

1. Smash Balloon YouTube Feed

Kõige populaarsem YouTube'i plugin WordPressile, millel on üle 100 000 aktiivse paigalduse ja hinnang 4,8/5 WordPress.org-is. Tõmbab videoid kanalist, esitusloendist või mitmest kanalist korraga ja paigutab need nelja variandina: ruudustik, galerii, loend ja karussell.

JavaScript käivitatakse asünkroonselt, mängija laadib ainult vooga suhtlemisel. Andmed salvestatakse vahemällu YouTube'i API kaudu, 50 videoga lehel ei ole see 50 eraldi päringut Google'ile, vaid üks vahemällu salvestatud kogum. Lokaliseerimine enam kui 15 keelde on kohe olemas. Smash Ballooni tooteperekond hõlmab Instagrami, Facebooki, Twitterit, ühtne ökosüsteem.

Plussid:

• Automaatne sünkroniseerimine kanaliga ilma uute videote käsitsi kopeerimiseta
• Neli valmis paigutust pluss kohandamine CSS-i kaudu
• Otseülekannete ja GDPR-i tugi läbi integreerimise nõusolekupluginatega

Miinused:

• Pro versioon on mitme kanali voo jaoks kohustuslik
• Suure hulga videote korral on esimene laadimine raskem

Hind: Tasuta Lite versioon WordPress.org-i kataloogis, Pro alates $49 aastas 1 saidi kohta

Allalaadimine:

🔗 Smash Balloon WordPress.org-is

🔗 Smash Ballooni ametlik sait

2. Video Gallery

Plugin videogaleriide loomiseks, toetades YouTube'i, Vimeot, Wistiat ja kohalikku MP4. Galerii tüübid: ruudustik, parallaks-slaidiseanss, karussell ja modaalaknad hüpikaknas vaatamisega.

Töötab Google'i API kaudu oma serveripoolse vahemäluga. 20 video puhul ei ole see 20 päringut YouTube'ile, vaid üks vahemällu salvestatud kogum. Kuvasuhe on seadistatav: 16:9, 4:3 või kohandatud. Ühildub Elementori, Gutenbergi ja Beaver Builderiga. Lite versioon katab põhiülesanded, tasulised paketid avavad värvide, fontide ja ikoonide stiilimise.

Plussid:

• Google'i API kaudu vahemällu salvestamine vähendab YouTube'i päringute arvu
• Paindlik stiilimine tasulises versioonis
• Ühilduvus leheehitajatega lühikoodide kaudu

Miinused:

• Administraatori liides on aegunud
• Lite versioon ei võimalda stiile muuta

Hind: Tasuta Lite versioon WordPress.org-i kataloogis, tasulised paketid arendaja saidil

Allalaadimine:

🔗 Video Gallery WordPress.org-is

3. Embed Plus

Valik neile, kes vajavad kontrolli YouTube'i mängija iga detaili üle. Taasesituse parameetrid, teiste kanalite soovitatud videote keelamine, GDPR-režiim ilma küpsisteta, otseülekanded, kõik on täpselt seadistatav.

Lisab WordPressi visuaalsele redaktorile nupu „Lisa". Kanalist või esitusloendist saab galerii kokku panna redaktorist lahkumata. Pro-versioon sisaldab vahemällu salvestamist ja edasilükatud JavaScripti laadimist, skriptid käivituvad pärast lehe täielikku laadimist. GDPR-režiim töötab koos lahendustega Complianz ja CookieYes, kuvab küpsiste nõusoleku esimesel Play-klõpsul.

Plussid:

• Maksimaalne kontroll: automaatesitus, ajatemplid, soovitatud videote keelamine
• Sisseehitatud GDPR-režiim ilma küpsisteta
• Otseülekannete tugi koos arhiivile üleminekuga

Miinused:

• Lite-versioon ilma serveripoolse vahemäluta on aeglasem
• Parameetrite rohkus võib algaja segadusse ajada

Hind: Tasuta Lite-versioon WordPress.org kataloogis, Pro alates 49 dollarist aastas

Allalaadimine:

🔗 Embed Plus WordPress.org-is

🔗 Embed Plus ametlik sait

4. WP YouTube Lyte

WP YouTube Lyte teeb täpselt ühte asja ja teeb seda hästi: YouTube'i mängija laiska laadimist. Tavalise oEmbed iframe'i asemel, mis laeb lehe avamisel ~700 KB skripte, asendab plugin selle kerge eelvaatega ja laeb mängija alles klõpsamisel.

Leht viie videoga ilma Lyte'ita saab esmasel laadimisel umbes 3,5 MB lisaraskust. Lyte'iga praktiliselt null kuni Play-klõpsuni. Kohalik pisipiltide vahemälu lisab privaatsust. Toetab esitusloendeid ja schema.org videoObject märgendust struktureeritud andmete jaoks.

Plussid:

• Radikaalne kiirendus: mängija ei lae enne klõpsu, säästes megabaite mitme videoga lehtedel
• Kohalik pisipiltide vahemälu vähendab väliseid päringuid YouTube'i ja parandab privaatsust
• Esitusloendite ja schema.org mikroadmete tugi paremaks video indekseerimiseks otsingumootorite poolt

Miinused:

• Automaatseks pisipiltide ja kirjelduste tõmbamiseks on vaja YouTube API võtit
• Ei ehita galeriisid ega automaatseid kanalivooge, ainult üksikud manused koos optimeerimisega

Hind: Tasuta

Allalaadimine:

🔗 WP YouTube Lyte WordPress.org-is

5. Envira Gallery

Plugin mõeldud eelkõige fotogaleriide jaoks, kuid YouTube'i videoid on sama lihtne manustada. Lihtsalt kleepige video URL, plugin tõmbab eelvaate ja paigutab selle reageerivasse ruudustikku.

Lohista-ja-lohista liides, valmis mallid, ühilduvus Gutenbergi, Elementori ja Diviga. Galerii saab paigutada ükskõik millisesse vidinat toetavasse kohta lühikoodi abil. SEO märgendus ja reageeriv paigutus on kohe olemas.

Automaatne sünkroniseerimine YouTube'i kanaliga puudub. Iga video lisatakse käsitsi, mis on ebamugav igapäevaste üleslaadimistega kanali puhul. Kuid piltide ja videote segagaleriide jaoks on Envira ületamatu.

Plussid:

• Galerii ehitamine lohista-ja-lohista meetodil koos valmis visuaalsete mallidega, ilma koodi kirjutamata
• Täielik integratsioon populaarsete leheehitajatega: Elementor, Divi, Beaver Builder
• Sisseehitatud SEO märgendus ja kõigi galeriide mobiilne kohandamine kohe kasutusvalmis

Miinused:

• Automaatne sünkroonimine YouTube'i kanaliga puudub, iga video lisatakse käsitsi
• YouTube on teisejärguline funktsioon, plugin on peamiselt fotogaleriide, mitte videosisu jaoks

Hind: Tasuta Lite-versioon WordPress.org kataloogis, Pro alates 99 dollarist aastas koos juurdepääsuga videolisale

Allalaadimine:

🔗 Envira Gallery WordPress.org-is

🔗 Envira Gallery ametlik sait

6. YouTube Featured Video plugin

Plugin loob lehe, mille ülaosas on põhimängija ja allosas pisipiltide galerii. Pisipildil klõpsates vahetub video põhimängijas ilma lehelt lahkumata.

Genereerib automaatselt iga video jaoks eraldi lehed koos resolutsiooni valikuga. Kategooriad, sildid ja vidinad aitavad teeki korrastada. Kood on kerge, peaaegu ei koorma serverit. Täiesti tasuta, Pro-tasand puudub.

Plussid:

• Iga video jaoks eraldi lehtede automaatne genereerimine koos siltide ja kategooriatega
• Puhas ja kerge kood, minimaalne serverikoormus ilma raskete teekideta
• Täiesti tasuta, ilma Pro-tasandi või varjatud funktsionaalsuspiiranguteta

Miinused:

• Vähem välimuse kohandamise võimalusi kui tasulistel konkurentidel
• Ei sobi mitme kanali voogude ja keerukate sisufiltreerimise stsenaariumide jaoks

Hind: Tasuta

Allalaadimine:

🔗 YouTube Featured Video WordPress.org-is

7. YourChannel

YourChannel loob saidil YouTube'i kanalist täieliku peegelduse: nimi, avatar, bänner, esitusloendid, kõik tõmmatakse automaatselt YouTube'i API kaudu. Kiire puhversüsteem ja sujuvad üleminekud videote vahel ilma lehe uuesti laadimiseta.

Toetab RTL-paigutust araabiakeelsete saitide jaoks. Videoid saab vaadata reas või lightbox-hüpikaknas. Seaded on ühel paneelil koos lülititega kanali elementide kuvamiseks või peitmiseks.

Piirang: ei kuva videoid, mis on seotud Google'i profiiliga, mitte YouTube'i kanaliga. Enamiku avalike kanalite puhul ei ole see probleem.

Plussid:

• YouTube'i kanali täielik peegeldus: avatar, kanali bänner, kirjeldus, esitusloendid ühel lehel
• Kiire serveripuhverdus ja sujuvad üleminekud videote vahel ilma lehe uuesti laadimiseta
• RTL-tugi araabia- ja heebreakeelsetele saitidele, mis on WordPressi pluginatega haruldane

Miinused:

• Ei kuva videoid, mis on seotud Google'i profiiliga, mitte eraldi YouTube'i kanaliga
• Uuendused on harvad, mida on näha muudatuste logist, kuid praktikas ei ole see põhifunktsionaalsuse jaoks kriitiline

Hind: Tasuta WordPress.org-i kataloogis

Allalaadimine:

🔗 YourChannel WordPress.org-is

Video: kuidas see praktikas töötab

Vaata reaalajas näidet automaatse YouTube'i voo seadistamisest Smash Ballooni kaudu, alates pluginast kuni valmis galeriini saidil koos API-võtme ühendamise ja paigutuse valikuga.

⁉️🤔 Korduma kippuvad küsimused

Miks installida plugin, kui WordPress saab YouTube'i manustada oEmbedi kaudu?

oEmbed lisab iframe'i, mis laadib lehe avamisel umbes 700 KB skripte. Kolm videot lisavad enne klikki 2 MB lisaraskust. Laisa laadimisega plugin lükkab skriptid kuni esitamisklõpsuni edasi. Lisaks kontroll seotud videote, GDPR-režiimi ja mängija välimuse üle.

Milline plugin aeglustab saiti kõige vähem?

WP YouTube Lyte on kõige kergem variant. Asendab iframe'i staatilise eelvaatega, laadib mängija ainult klikil. Viie videoga leht Lyte kaudu kaalub 3 MB vähem kui oEmbedi kaudu. Kuid Lyte ei ehita galeriisid, kanali voo jaoks võta Smash Balloon või YourChannel.

Kas nende pluginatega on vaja YouTube'i API-võtit?

Üksikute videote põhimanustamiseks URL-i kaudu ei ole. Kuid automaatseks sünkroniseerimiseks kanaliga on API-võti kohustuslik. Võti saadakse tasuta Google Cloud Console'ist, 10 000 päringu päevane kvoot on enamiku saitide jaoks piisav.

Kas mitut YouTube'i pluginat saab korraga kasutada?

Tehniliselt jah, kuid see on lisakoormus. Kaks YouTube'i API-ga pluginat võivad konflikti minna. Parem on valida üks põhiülesande jaoks: Smash Balloon kanali voo jaoks pluss WP YouTube Lyte üksikute manuste jaoks, selline kombinatsioon töötab konfliktideta.

Mida teha, kui videod ei ilmu pärast plugina installimist?

Kolm põhjust. Esiteks: YouTube'i API-võti pole ühendatud või kvoot on ületatud, kontrolli Google Cloud Console'it. Teiseks: konflikt puhverdamispluginaga, tühjenda vahemälu ja keela JavaScripti minifitseerimine. Kolmandaks: teema kirjutab üle oEmbedi konksud, kontrolli Health Check & Troubleshooting pluginaga.

Milline YouTube'i plugin oma ülesande jaoks valida

Kui vajad automaatset kanali voogu, võta Smash Balloon. Tööstusstandard, millel on üle 100 000 aktiivse installatsiooni ja hinne 4,8 viiest.

Kui iga laadimise millisekund loeb, on WP YouTube Lyte sinu tööriist. Vähendab lehe kaalu enne esitamisklõpsu nulli.

Videogaleriide jaoks peene kujundusega on valik Video Gallery ja Envira Gallery vahel. Esimene on kohandatud video jaoks ja pakub serveripuhverdust. Teine on mugavam lohistamise teel kokkupanekul.

Kui soovid kontrollida mängija iga detaili, sealhulgas GDPR-režiimi ja otseülekandeid, on Embed Plus võrratu.

Lihtsaks kanali kuvamiseks eraldi lehel saavad YouTube Featured Video ja YourChannel sellega tasuta hakkama.

Vali vastavalt oma ülesandele. Pärast installimist käivita PageSpeed Insights enne ja pärast.