Vill du lazy load Gravatars i WordPress kommentarer?
Varje gång en kommentar läggs till på din site gör WordPress en HTTP request till Gravatar för att hämta kommentatorns avatar. Detta kan göra att din site laddar sidan långsammare, viss på artiklar med många kommentarer.
I den här artikeln kommer vi att visa dig hur du enkelt lazy loadar Gravatars i WordPress comments och förbättrar hastigheten på din site.
Varför lazy load Gravatars i WordPress Comments?
Gravatar är en superpopulär webbtjänst. Den allow användare att skapa en profil och associera en avatar image med sin email address.
Dessa images används sedan i WordPress comments varje gång besökaren använder viss email address. Detta beror på att WordPress-drivna websites kan hämta bilder på profiler från Gravatarwebbplatsen.
Även om Gravatars är bra för användarnas engagement och sökmotorsoptimering, adderar varje Gravatar för användare en HTTP request till din page load.
Detta ökar tiden som användarna måste vänta för att se innehållet på din page, vilket påverkar användarupplevelsen negativt.
I screenshoten under kan du till exempel se antalet HTTP requests som skickats av olika Gravatars.
Lazy loading av Gravatars i din comments section förhindrar att de laddas förrän Gravatars är synliga för användaren på vyn.
Detta kan bidra till att minska den mängd bandbredd som din website använder och förbättra din övergripande WordPress-hastighet och prestanda.
Med detta sagt, låt oss se hur man enkelt lazy loadar Gravatars i WordPress comments för att minska sidans laddningstid.
Hur man lazy loadar Gravatars i WordPress Comments
Först måste du installera och aktivera a3 Lazy Loaded plugin. För mer detaljer, se vår Step-by-Step guide om hur du installerar ett plugin för WordPress.
Efter aktivering, besök Settings ” a3 Lazy Load page från WordPress admin sidebar. Här öppnar du tabben ”Lazy Load Images”.
Toggle sedan omkopplaren bredvid alternativet ”Gravatars”. Nu kommer alla Gravatars på din site, inklusive de i webbplatserna för kommentarer och författarens bio, att lazy loaded för att förbättra webbplatsens hastighet.
När du är nöjd klickar du bara på knappen ”Save Changes” längst ner för att spara dina inställningar.
Med detta plugin kan du också lazy loaded images i din WordPress content, thumbnails, videos, och mycket mer. Du kan även add to en funktionalitet för hämtar effekt för Gravatars genom att rulla ner till ”Effect & Style” tabs.
Härifrån väljer du effekten spinner eller fade-in hämtar. You can also select a loading backgroundsfärg som kommer att displayed to users while the Gravatar is loading on your site.
När du har gjort ändringarna, glöm inte att clicka på knappen ”Save Changes” för att store dina inställningar.
Du kan nu besöka alla artiklar med kommentarer på din WordPress website. Här ser du den lazy loaded av Gravatar images när användaren rullar ner.
Bonustips för att förbättra hastigheten på WordPress site
Förutom Gravatars kan du också lägga till lazy load för kommentarer, videoklipp och images på din WordPress site för att förbättra sidans laddningshastighet.
Men om du inte vill lazy load dessa delar av din webbplats, kan du också prova:
- Image-optimering genom att lägga till minsta möjliga filstorlek.
- Använda ett plugin för caching för WordPress, t.ex. WP Rocket.
- Använda tillägg till WordPress och teman som är optimerade för hastighet.
För fler tips kan du se vår ultimata guide om hur du ökar WordPress hastighet och prestanda.
Om du har provat alla dessa metoder och din page fortfarande inte har blivit snabbare, rekommenderar vi att du byter till ett snabbt WordPress hosting provider gillar Hostinger.
Hostinger utförde mycket bra i våra prestandatester för WordPress. Dessutom erbjuder de våra läsare en exklusiv rabatt på sina planer för webbhotell, som börjar på bara 2,69 USD per månad.
Slutligen, när du har bytt webbhotell och använt alla våra tips för att snabba upp din site, kan du enkelt testa din websites prestanda med hjälp av olika tools.
Detaljerade instruktioner finns i vår tutorial om hur man korrekt runar ett hastighetstest för en website.
Vi hoppas att den här artikeln hjälpte dig lazy load Gravatars i WordPress comments för att förbättra webbplatsens prestanda. Du kanske också vill se vår guide för nybörjare om hur man granskar kommentarer i WordPress och våra expertval för de bästa tilläggen för att förbättra WordPress-kommentarer.
If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.
Syed Balkhi says
Hey WPBeginner readers,
Did you know you can win exciting prizes by commenting on WPBeginner?
Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
You can get more details about the contest from here.
Start sharing your thoughts below to stand a chance to win!
Dee says
Cache extension has their own lazyload. will that enough ?
Kuba says
Great article, as always!
But I´ve got one question: should I use the BJ Lazy Load plugin if I use e.g. Yoast SEO plugin, too or is the last one enough?
WPBeginner Support says
Hi Kuba,
If you want to lazy load Gravatar images, then you should use BJ Lazy Load plugin along side Yoast SEO.
Administratör