Att optimera din WordPress-webbplats för hastighet är nödvändigt för att förbättra användarupplevelsen och sökmotorrankingen. Ett effektivt sätt att öka prestandan är att lazy-ladda Gravatars i dina 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.
På WPBeginner har vi drivit en framgångsrik blogg med ett aktivt kommentarsfält i många år. Även om vi personligen inte har Gravatars aktiverade för våra kommentatorer, vet vi att de kan hjälpa till att stödja en känsla av gemenskap bland dina läsare, vilket ökar engagemanget som ett resultat.
Med det sagt vet vi också hur viktigt det är med snabbladdade inlägg och sidor.
Så i den här artikeln visar vi dig hur du enkelt kan lazy load Gravatars i WordPress kommentarer och förbättra din webbplats hastighet.
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 insticksprogrammet a3 Lazy Load. För mer information, se vår steg-för-steg-guide om hur du installerar ett WordPress-plugin.
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-webbplats. Här ser du den lata laddningen av Gravatar-bilder när användaren scrollar nedåt.
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
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
Cache extension has their own lazyload. will that enough ?
Kuba
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
Hi Kuba,
If you want to lazy load Gravatar images, then you should use BJ Lazy Load plugin along side Yoast SEO.
Administratör