Föreställ dig att öppna ett långt, hjälpsamt blogginlägg som många har kommenterat på. WordPress laddar normalt sidan och alla kommentarer först, innan den visas för användaren. Detta resulterar i en långsammare webbplats och en dålig användarupplevelse.
Enligt vår erfarenhet på WPBeginner är lazy loading av kommentarer ett utmärkt sätt att förbättra WordPress prestanda, särskilt för inlägg med många kommentarer. Det fördröjer laddningen av din kommentarssektion tills den behövs, när användaren scrollar till slutet av inlägget.
Den här artikeln ger en enkel guide för att lat ladda kommentarer i WordPress, vilket ökar din webbplats hastighet och ger en smidigare upplevelse för dina besökare.
Varför latladda WordPress-kommentarer?
Kommentarer är bra för användarengagemang, och det finns många sätt att få fler kommentarer på dina WordPress-blogginlägg.
Kommentarer kan dock också öka sidans storlek. Detta kan öka din sidladdningstid och skada användarupplevelsen genom att användare får vänta längre för att se innehåll på din WordPress-webbplats.
Sidladdningshastighet är en extremt viktig prestandamätning. Det påverkar användarupplevelsen och din webbplats SEO-prestanda och bandbredd. Du kan se vår ultimata guide för att öka WordPress-hastighet och prestanda för mer information.
Genom att inte ladda kommentarer direkt kan du avsevärt förbättra sidladdningstiderna för dina artiklar. Lazy loading förbättrar också användarupplevelsen på långsammare internetanslutningar och mindre skärmar, som mobila enheter.
Med det sagt, låt oss titta på hur du enkelt lägger till "lazy load" för WordPress-kommentarer.
Hur man lat laddar WordPress-kommentarer
Först måste du installera och aktivera pluginet Lazy Load for Comments. För mer information, se vår steg-för-steg-guide om hur man installerar ett WordPress-plugin.
Efter aktivering måste du besöka sidan Inställningar » Diskussion för att konfigurera pluginet.
Scrolla helt enkelt ner till sektionen 'Lat laddning av kommentarer' och välj din metod för lat laddning. Pluginet erbjuder två metoder för att lat ladda kommentarer på din WordPress-webbplats.
Du kan välja metoden ‘Vid klick’, som lägger till en knapp i slutet av dina artiklar, vilket gör att användare kan klicka och ladda kommentarer.
Du kan också välja metoden 'Vid scrollning', som automatiskt laddar kommentarer när en användare scrollar ner till slutet av ett inlägg.
Glöm sedan inte att klicka på knappen 'Spara ändringar' för att spara dina inställningar.
Testa lat laddning av kommentarer på din WordPress-webbplats
Du kan nu besöka vilket inlägg som helst på din WordPress-blogg. Hur kommentarsfältet ser ut nu beror på vilken lazy load-metod du valde.
Om du valde 'Vid scrollning' kommer scrollning till slutet av artikeln automatiskt att ladda WordPress-kommentarsavsnittet så att du kan lämna en kommentar och se befintliga kommentarer.
Men om du väljer ‘Vid klick’, då kommer du att se en knapp för ‘Ladda kommentarer’ istället.
Att klicka på knappen laddar de befintliga kommentarerna och kommentarsformuläret.
Bonus: Förbättra kommentarinteraktion med Thrive Comments
Lat laddning av kommentarer är bara ett sätt att ge en bättre användarupplevelse i din WordPress-kommentarsavsnitt. Du kan också använda ett kommentarsplugin för att ytterligare öka användarnas engagemang.
Du kan till exempel ta kommentarsupplevelsen på din webbplats till nästa nivå med hjälp av Thrive Comments.
Detta plugin kommer att göra det möjligt för dina användare att gilla eller ogilla kommentarer. Detta gör det möjligt för besökare att engagera sig med din webbplats utan att behöva lämna egna kommentarer.
Detta är ett sätt du kan göra din WordPress-webbplats mer lik Reddit. Du kan till och med automatiskt ge dina kommentatorer märken när de når vissa milstolpar.
Detta plugin gör det också enklare för ditt team att hantera kommentarer. Du kan använda dess modereringsinstrumentpanel för kommentarer för att snabbt svara, radera och till och med tilldela kommentarer till andra administratörer.
Vi hoppas att den här artikeln hjälpte dig att lära dig hur du enkelt laddar kommentarer på "lazy load" i WordPress. Du kanske också vill se vår guide om hur du tillåter användare att prenumerera på kommentarer i WordPress och vårt experttips om de bästa plugins för att förbättra WordPress-kommentarer.
Om du gillade den här artikeln, prenumerera då på vår YouTube-kanal för WordPress-videoguider. Du kan också hitta oss på Twitter och Facebook.
Jiří Vaněk
Angående lazy loading, skrev jag en gång en artikel om det på min blogg. Det är ett ämne där många har helt motsatta åsikter. Vissa anser att det är en bra metod för bilder eller, som här med kommentarer, medan andra påpekar att lazy loading negativt kan påverka användarupplevelsen genom att webbplatsen beter sig onaturligt, vilket kan bli uppenbart i vissa situationer.
Jag har också stött på fall där lazy loading negativt påverkar metrik för kumulativ layoutförskjutning (Cumulative Layout Shift), vilket sedan kan påverka Googles mätvärden för bedömning av webbplatsens prestanda negativt. Därför behövs försiktighet med lazy loading i vissa situationer, eftersom det kan skada både användarupplevelsen och webbplatsens prestandamätvärden på Google.
WPBeginner Support
It would heavily depend on how the lazy loading is added for if it would affect the cumulative layout shift or not. It is still an option for sites that want to use or try lazy loading to see what works for them
Admin
Jiří Vaněk
Tack för ditt svar. Ja, du har rätt i att webbplatsens layout spelar roll, och "lazy loading" kanske passar vissa men inte andra. Jag blev dock förvånad över att PageSpeed Insights flaggade "lazy loading" negativt och rekommenderade att jag inaktiverade det.
Ralph
Jag aktiverade lazy loading för kommentarer som en av de första sakerna på min blogg och jag tror att alla borde göra det.
Vet du varför?
På grund av scrollning.
Om du har ett expertblogginlägg med säg 100 kommentarer, vilket inte är så ovanligt, kan det bli långt. Om du går till texten för att uppenbarligen skanna H2, H3 etc. och ser att scrollfältet är litet, antar du att innehållet är super långt, vilket kan vara avskräckande att ens läsa det. Men 3/4 av det kan bero på kommentarer. Vi har alla mindre och mindre tid så vi vill ha koncis information, inte böcker. För mig åtminstone är sådana detaljer viktiga.
WPBeginner Support
Thanks for sharing your reasoning
Admin
Himanshu
jag installerar lazy load för kommentarer men det fungerar inte i Newspaper-temat
WPBeginner Support
Om du kontaktar pluginets support bör de kunna se om detta är en konflikt mellan temat och pluginet
Admin
Ammar
Jag gillar inte så många plugins på en sajt, så det är bättre att göra detta manuellt! Kan du snälla skriva om hur man gör detta manuellt?
Samiullah Khan
Jag vet inte hur installationen kommer att påverka vår webbplats. Om det kommer att göra extra förfrågningar för CSS eller Javascript.
Att skriva din egen logik kommer också att inkludera hantering av DOM-manipulation för att lägga till knappen 'Ladda mer' eller lyssna på scrollhändelser och ersätta dem med de faktiska kommentarerna.
Det finns kompromisser åt båda hållen.
Mike Patterson
Tack för detta underbara plugin. Verkligen hjälpsamt!