Hoe om lui prente + video’s in WordPress te laai (en YouTube iFrames te vervang met ‘n voorskouprent) vir beter GTmetrix-resultate

Wat is die beste manier om dit te doen? lui laai beelde en video’s in WordPress?


Dit hang daarvan af of u reeds ‘n cache-inprop gebruik wat lui-laai ondersteun (WP Rocket, W3 Total Cache, Swift, LiteSpeed ​​Cache). As u cache-inprop lui foto’s en video’s laai, is dit die beste om dit te gebruik om te voorkom dat u ‘n ekstra inprop hoef te installeer. Maar as u cache-inprop nie lui laai ondersteun nie, beveel ek aan dat u een gebruik wat dit doen (veral WP Rocket), anders het ek alternatiewe lui-laai-inproppe hieronder gelys, wat u individueel kan installeer.

Wat is lui laai?
Lui laai beteken dat prente en video’s slegs gelaai word wanneer gebruikers op die bladsy afrol en dit eintlik sien. Dit lei tot minder HTTP-versoeke op die bladsy, maar as u baie beelde of ingeboude video’s het, moet u dit gedurig laai, blaai dan deur die bladsy.

Wat beteken dit om YouTube Iframe te vervang met ‘n voorskouprent?
As u video’s op u WordPress-webwerf insluit, laai dit slegs die ‘vet YouTube-speler’ sodra mense op die Play-knoppie klik. Met ander woorde, die enigste ding wat aanvanklik gelaai is, is ‘n voorskouprent.

Sou u lui foto’s en video’s laai?
Ek laai nie lui prente nie, want gebruikers kan aanhoudend laai as u op die bladsy blaai. Al my prente is egter geoptimaliseer tot 100% in GTmetrix. Ek laai lui-video’s en vervang die iframe met ‘n voorskouprent. Aangesien elke ingebedde video twee sekondes kan neem om te laai (baie swaarder as ‘n beeld), is die voordeel van lui laai-video’s beduidend.

1. WP-vuurpyl

WP Rocket is my nommer een keuse vir lui laai en was die nommer 1-inprop-plugin in Facebook-peilings.

Aangesien daar reeds lui ingeboude laai is, beteken dit dat u nie ‘n ekstra inprop hoef te installeer nie. Dit is die volle voordeel van WP Rocket; dit het meer funksies as byna enige ander cache-inprop (wat beter vragtye en GTmetrix-tellings tot gevolg het), maar minder inproppe op u webwerf. WP Rocket het uitgebreide dokumentasie oor lui laai en die instel van WP Rocket-instellings.

WP-vuurpyl

Hoe om lui vrag in WP-vuurpyl moontlik te maak
Gaan na Instellings om lui laai in WP Rocket moontlik te maak > WP-vuurpyl > media > LazyLoad. U kan dit inskakel vir prente, iframes en video’s en YouTube iframes vervang deur ‘n voorskouprent.

Lazy Load Images WP-vuurpyl

2. SG Optimizer

Ground lui laai bekendgestel in hul groot opdatering van SG Optimizer.

Natuurlik moet u ‘n SiteGround-kliënt wees om hierdie inprop te gebruik (wat ek sou doen vir gedeelde hosting as in ag geneem word dat hulle die nommer 1-gasheer in meer as 20 peilings in Facebook is). SG Optimizer kan vergelyk word met WP Rocket, maar dit het nie byna soveel funksies nie. As u dus SiteGround vir u gasheer gebruik, sal ek WP Rocket steeds verkies bo hul SG Optimizer.

SiteGround SG Optimizer

Hoe om lui vrag in SG Optimizer moontlik te maak
Gaan na Instellings om lui laai in SG Optimizer moontlik te maak > SG Optimizer > Per webwerf verstek > Beeldoptimalisering. U kan luie prente, grafkaarte, kleinkiekies, reageerprente en widgets laai. As u kommentaar op u blog het, kan lui laai van Gravatars geweldig help.

SG Optimizer lui laai

3. W3 totale kas

As u reeds W3 Total Cache gebruik, het hulle ook ‘n lui laai-opsie.

W3 Total Cache is ‘n geruime tyd as verlate beskou, maar die ontwikkelaar het sedertdien sy inprop begin instand hou. Ek het ‘n uitgebreide handleiding om die W3 Total Cache-instellings op te stel.

W3 Total Cache-inprop

Hoe om lui vrag in W3 totale kas moontlik te maak
Gaan na Instellings om laai in W3 Total Cache te laai > Algemene instellings > Gebruikersondervinding > Lui laai. Skakel dit aan en gaan dan na User Experience > Lui laai. Kies om HTML-prentetikette, agtergrondprente, woorde uit te sluit en metode vir die inbed van skripte uit te werk.

W3 Totale kas lui laai

4. Litespeed Cache

Litepseed-cache lui laai sal ook die werk doen (Litespeed is ‘n goed-hersiene kas-inprop).

LiteSpeed ​​Cache-inprop

Hoe om lui vrag in LiteSpeed-kas te aktiveer
Gaan na LiteSpeed ​​Cache om laai in LiteSpeed ​​Cache te laai > instellings > media > Media-instellings. Hier kan u lui-laai-beelde inskakel, iframes uitsluit, beelde uitsluit, outomaties versoek word via cron job, Javascript-biblioteek insluit en ander instellings skakel.

Lui laai prente Video's Litespeed Cache

5. Vinnige optrede

Vinnige vertoning is ‘n ander cache-inprop wat lui laai ondersteun. Swift het uitstekende beoordelings gekry in die WordPress Speed ​​Up Facebook-groep, maar die resensies op die WordPress-plugin-bladsy is slegs ongeveer 4 sterre. Ek het nie Swift Performance probeer nie; Ek is baie gelukkig met WP Rocket.

Swift Performance Lite-inprop

Hoe om lui vrag in ‘n vinnige werkverrigting moontlik te maak
Gaan na Instellings om laai in Swift Performance te laai > media > Lui vrag. Hier het u die opsie om lui prente te laai, sekere beelde uit te sluit en lui laai beelde in te sluit.

Lui laai beelde vinnig uitvoering

6. Outomatiseer

Outoptimize word dikwels gebruik saam met gashere soos GoDaddy en WP Engine, waar hulle hul eie ingeboude kasstelsel het en swartlys kas-inproppe. In hierdie geval (aangesien u na ander spoedoptimalisasies wil omsien), is Autoptimize gewoonlik die ‘plug-in’ daarvoor. Een van die vele kenmerke daarvan is lui laai, maar dit laat jou ook toe om HTML-, CSS-, JavaScript- en Google-lettertipes te optimaliseer.

Optimaliseer die inprop

Hoe om lui vrag outomaties te aktiveer
Gaan na Instellings om laai in Autoptimize te laai > beelde > Lui laai beelde. U het ook die opsie om ShortPixel se CDN te gebruik wat vir beeldoptimalisering (dit is die inprop wat ek gebruik).

Lui laai beelde outomatiseer

7. Smeer

Smush is ‘n beeldoptimaliseringspropin ondersteun lui laai. Dit is ontwikkel deur WPMU, maar ek gebruik persoonlik ShortPixel vir verlieslose kompressie, aangesien dit die enigste is wat ek gebruik het om my beelde 100% in GTmetrix te maak (en ek het baie inpropinasies vir beeldoptimalisering getoets).

Smush plugin

Hoe om lui vrag in die smous moontlik te maak
Gaan na Smush om laai in Smush moontlik te maak > Dashboard > Lui vrag. U kan kies watter lêertipes u wil lui (.jpeg, png, .gif, .svg, iframe), en of u dit vir inhoud, widgets, thumbnails, Gravatars wil aktiveer. Dit het selfs lui-animasie-instellings.

Smush Lazy Load

8. Lazy Load By WP Rocket

Lazy Load By WP Rocket is goed as jy nie WP Rocket gebruik nie, maar prente wil lui.

Lui-laai-inprop

Hoe om lui vrag in lui vrag deur WP-vuurpyl moontlik te maak
Gaan na Instellings > LazyLoad. U het die opsie om beelde, iframes, te lui & video’s, en vervang YouTube-video’s deur ‘n kleinkiekie. Daar is nie baie instellings om op te stel nie; Ek wens persoonlik daar was meer. Miskien is dit die rede waarom hierdie lui laai-inprop nie die beste resensies het nie.

Lazy Load By WP Rocket

9. A3 lui vrag

A3 lui vrag ondersteun lui laai van beide prente en video’s.

a3 Lazy Load Plugin

Hoe om lui vrag in a3 lui vrag moontlik te maak
Gaan na instellings om laai in A3 Lazy Load te laai > A3 lui vrag. U kan instellings opstel vir lui laai beelde, video’s, iframes, Gravatars, en kies watter gebiede van u webwerf u wil hê dat lui laai moet toepas (insluitend mobiele). Daar is ook opsies om ‘n lui laai-effek moontlik te maak, agtergrondkleur te laai, en die opsie om URL’s en postipes uit te sluit.

a3 Lazy Load-instellings

10. BJ Lazy Load

BJ lui vrag lyk nie goed onderhou nie, so ek sal waarskynlik ‘n ander inprop gebruik.

BJ Lazy Load-inprop

Hoe om lui vrag in BJ lui vrag moontlik te maak
Gaan na Instellings om laai in BJ Lazy Load te laai > BJ lui vrag. Die instellings is relatief eenvoudig en bied u die opsie om beelde, iframes, gravatars, lui te laai en lui laai uit te sluit van inhoud, tekswidgets en kleinkiekies. Daar is ook ‘n opsie om ‘n plekhouerprent, ‘n poortdrempel, in te sluit en ‘n voorskouprent met ‘n lae reset te gebruik as u lui laai.

BJ Lazy Load-instellings

11. Lui vrag vir beelde

Lui vrag vir beelde is goed as u dit slegs vir beelde wil doen.

Lazy Load for Images-inprop

Hoe om lui vrag in te skakel vir prente
Daar is geen instellings om in die Lazy Load For Images-inprop op te stel nie (dit is outomaties).

12. Lui vrag vir video’s

Lui vrag vir video’s vervang ingebedde video’s met ‘n klikbare voorskouprente.

Lui vrag vir video-inprop

Hoe om lui vrag in ‘n lui vrag moontlik te maak vir video’s
Gaan na Instellings om laai in lui vrag vir video’s te laai > Lui vrag vir video’s. Kies om slegs CSS / JS te laai indien nodig, pas die afspeelknoppie aan en pas pasgemaakte CSS toe.

Lui vrag vir video-inprop

13. Lui vrag vir kommentaar

U kan lui opmerkings laai met die Lui vrag vir kommentaar plugin.

Dit kan help om minder HTTP-versoeke te maak as u baie kommentaar op u blog het, veral aangesien dit baie lank kan duur om tussen al die derdeparty-versoeke te laai..

Lui vrag vir inprop vir kommentaar

Hoe om lui vrag in lui vrag moontlik te maak vir kommentaar
Gaan na Instellings om laai in lui vrag vir kommentaar moontlik te maak > bespreking > Lui opmerkings. Dit is die enigste instellingskonfigurasie vir hierdie inprop, maar dit het wel goeie resensies.

Lui opmerkings

14. WP YouTube Lyte

WP YouTube Lyte is een van my gunsteling (en die beste beoordeelde) plugins vir lui-laai-video’s. Dit is geskep deur die span van Autoptimize, wat geneig is om goeie plugin-oorsigte te hê.

WP YouTube Lyte-inprop

Hoe om lui vrag in WP YouTube Lyte in staat te stel
Gaan na Instellings om die laai in WP YouTube Lyte moontlik te maak > WP YouTube Lyte. Gryp jou YouTube API-sleutel en voer dit outomatiseer in. Kies u spelergrootte, of u skakels, spelerposisie, HD-krag moet opneem, as normale YouTube-skakel / iframes optree, en voeg mikrodata by. Ontsmetting van duimnaels plaaslik kan dikwels GTmetrix-foute oplos wanneer u YouTube-video’s inbed.

YouTube-kleinkiekies GTmetrix

Wp YouTube Lyte-instellings

Het u nog hulp nodig?

Ek het ‘n wonderlike video oor WordPress-snelheidsoptimalisering:

Ek het ook tutoriale vir die optimalisering van beelde, die opstel van WP Rocket, die vermindering van die reaksietye op die bediener en meer. Ek is in staat om 100% (of naby) GTmetrix-tellings op bykans al my plasings te kry met behulp van hierdie wenke. As u vrae het, laat my gerus kommentaar lewer – help graag!

Algemene vrae

&# X2705; Watter inprop is die beste vir die laai van beelde?

As u reeds ‘n cache-inprop gebruik wat lui lading ondersteun (bv. WP Rocket, SG Optimizer, W3TC, Swift, LiteSpeed), is dit die beste om dit eers te probeer. Andersins is Autoptimize of die Lazy Load-inprop deur WP Rocket ‘n goeie lui-inprop-inprop.

&# X2705; Wat van lui laaivideo’s?

Met WP Rocket en ‘n paar ander cache-inpropins kan u lui video’s laai en die YouTube-iframe vervang met ‘n voorskouprent. Anders werk WP YouTube Lyte.

&# X2705; Sal lui laai seer gebruikerservaring?

Ek laai nie lui om prente op hierdie webwerf te laai nie, maar ek laai video’s lui omdat hulle baie langer neem om te laai. Lui om prente te laai, kan gebruikers irriterend maak en my verkope van geaffilieerde produkte verminder, so ek het dit gedeaktiveer.

&# X2705; Wat doen lui laai?

Lui-laai versnel die aanvanklike laaitye deur te wag om prente en video’s te laai totdat gebruikers op die bladsy afrol en dit eintlik sien.

&# X2705; Hoe om lui vrag op spesifieke bladsye te deaktiveer?

Met die meeste plugins kan u dit doen. Byvoorbeeld, as u WP Rocket gebruik en u ‘n bladsy of pos redigeer, sien u ‘n opsie in u instrumentpaneel om lui vrag op daardie spesifieke inhoud te deaktiveer (of in staat te stel).

Cheers,
Tom

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map