• Hem
  • Blogg
  • Hur du snabbar upp din långsamma WordPress Slider år 2023
  • Blogg
  • Hur du snabbar upp din långsamma WordPress Slider år 2023

Hur du snabbar upp din långsamma WordPress Slider år 2023

Använder du ett plugin för WordPress-slider och ser en fördröjning? Har du märkt att din startsida laddas långsamt? Följande optimeringstekniker kan tillämpas på de mest populära WordPress-slider-plugins, inklusive:

  • Slider Revolution
  • LayerSlider
  • Monolog
  • RoyalSlider
  • Slider WD
  • Smart Slider
  • Smidig glidare
  • Master Slider
  • MetaSlider
  • Huge-IT Slider

Varför är min WordPress Slider långsam?

Ditt WordPress-slider laddas långsamt på grund av följande 5 problem: långsamt WordPress-hosting, ett föråldrat slider-plugin, en föråldrad WordPress-version, stora okomprimerade bilder och inställningar för optimering av slidern som inte är korrekt konfigurerade. Läs mer om hur du tar itu med varje fråga i handledningarna nedan. Om du följer dessa enkla steg kommer din bildskärm att laddas mycket snabbare och lämna ett bra första intryck hos besökarna på din webbplats. Nu sätter vi igång!

1. Långsamt WordPress-hotell

Den största orsaken till en långsam webbplats är ditt val av webbhotell. Oavsett hur mycket du optimerar din slider-plugin, om du använder JS, CSS och bilder från ett långsamt webbhotell kommer din slider att ta ett tag att ladda. Om du letar efter en snabbare lösning kan du kolla in de snabbaste webbhotellen i en jämförelse. Dessutom kan du granska de bästa alternativen för WordPress-hosting för en mer djupgående analys. Om du är fotograf och har en portfoliowebbplats med mycket bilder, ska du kolla in de här bästa webbhotellen för fotografer.

Hur du åtgärdar långsam WordPress hosting: Registrera dig för en rekommenderad värd som Bluehost för att snabba upp din webbplats. (från endast 2,95 dollar/månad)

2. Din slider-plugin är föråldrad

Slider Revolution, det mest populära pluginprogrammet för WordPress-slider, uppdaterar sin kod mer än ett dussin gånger per år i genomsnitt. Under 2017 hade de till exempel 16 uppdateringar (se ändringsloggen här). En del av dessa uppdateringar gäller WordPress-kompatibilitet och optimering, medan andra har en direkt inverkan på prestandan (t.ex. tillägget “Prestandaövervakning och bättre prestandaförslag”). Om din

Hur du åtgärdar föråldrade slider-plugins: Logga in på din WordPress-administratör. Välj Dashboard > Uppdateringar > Välj alla > Uppdatera plugins. Observera att vissa WordPress-teman har ett separat avsnitt med rekommenderade insticksprogram under temainställningarna. Om ditt insticksprogram för bildskärmar installerades tillsammans med ditt WordPress-tema kan du hitta en uppdatering här, och inte i standardsektionen Dashboard > Updates.

3. Din WordPress-version är föråldrad

Nu när dina plugins är uppdaterade vill du också se till att din WordPress-version är uppdaterad. De flesta uppdateringar av WordPress ramverk innehåller optimeringar för snabbare prestanda och laddningstider för webbplatser. Att både din WordPress-version och dina plugins är uppdaterade garanterar topprestanda (när du har en snabb webbhotell).

Hur du uppdaterar WordPress-versionen: På samma skärm i Dashboard > Uppdateringar ser du en “Uppdatera nu”-knapp på sidan “Uppdatera WordPress”. Följ anvisningarna för en enkel uppdatering med ett klick.

4. Dina bilder är inte optimerade

Sliders är bildtunga och att servera ooptimerade bilder via ditt plugin för slider kan ha en betydande inverkan på prestandan. Visste du att bilder i genomsnitt utgör 54 % av sidstorleken på en webbplats? Att minska bildstorleken är ett måste i dagens webbprestandadrivna värld!

Hur du optimerar bilder på din webbplats:

"Spara för webben" i Adobe Photoshop komprimerar bilder för snabbare laddning och bättre optimering.
  1. Justera bildstorleken. Skala alltid ner dina bilder så att de får en lämplig pixeldimension för webbupplösning. Som regel försöker jag ha alla mina bilder 1200px breda eller mindre, eftersom de flesta webbplatser och webbläsare kommer att ändra storleken på en bild av denna storlek eller större så att den passar användarens skärm. Om du använder ett fotoredigeringsprogram, till exempel Photoshop, vill du använda bildkomprimeringsformatet i programmet. Öppna bilden i Adobe Photoshop och besök sedan följande: File > Export > Save for Web (Legacy) > och välj sedan antingen filformatet “PNG-24” eller “JPEG”. För PNG-filer vill du vanligtvis markera rutan “Transparency” och “Convert to sRGB” (konvertera till sRGB). För JPEG låter du “Progressive” och “Embedded Color Profile” vara avmarkerade, men kryssar i rutan för “Optimized” och “Convert to sRGB”. Spela med reglaget “Quality” för att justera upplösningen. Du vill att filstorleken ska vara så liten som möjligt, samtidigt som du behåller tillräcklig kvalitet. Om bilden börjar bli suddig eller pixlig i förhandsgranskningsfönstret för fliken Optimerad, öka kvaliteten lite. Generellt sett är 60-80 % kvalitet en bra nivå för att balansera filstorlek och kvalitet.
  2. Installera en WordPress-plugin för bildkomprimering på din webbplats. Detta optimerar inte bara de bilder som redan finns i ditt mediebibliotek, utan komprimerar också automatiskt alla bilder som du laddar upp i framtiden. Min personliga favorit är TinyPNG som använder smart PNG- och JPEG-komprimering för att minska filstorleken utan att påverka den visuella kvaliteten. De har ett WordPress-plugin som finns tillgängligt här. Alternativ till TinyPNG är ShortPixel Image Optimizer och WP Smush, två bra WordPress-plugins som jag också använder ofta.
  3. Ladda upp bilden till din webbplats och fyll i fälten för bildtitel och alt-text i ditt CMS, enligt bästa SEO-praxis.

5. Din slider-plugin är inte optimerad

Visste du att många WordPress-bildsliders har en optimeringssektion? Har du konfigurerat din korrekt? Slider Revolution har till exempel både Lazy Load- och Performance-inställningar, så att du kan optimera och snabba upp laddningstiden. Kontrollera i dokumentationen eller i supportsektionen för din specifika glidare om det finns en särskild guide för prestanda.

Hur man snabbar upp Slider Revolution:

  1. Om du vill snabba upp Slider Revolution väljer du först en av följande inställningar för lat laddning under Edit Slider > Slider Settings > Performance and SEO Optimization. Här finns det 4 inställningar;
    Alla
    (laddar alla bilder i bildskärmen),
    Smart
    (ladda bilderna från första bildspelet och förinläsa bilderna från nästa bildspelet),
    Enstaka
    (laddar bilderna i bildspelet “på begäran”), och
    Ingen lat laddning
    (alla bilder laddas vid första sidladdningen). Vilken inställning för Lazy Load du väljer beror på hur funktionellt ditt reglage är, hur snabb din webbplats är till att börja med och vad du behöver optimera.

2. Det andra sättet att snabba upp Slider Revolution är att se över avsnittet “Overall Slider Performance”, som innehåller två knappar: “Visa fullständig statistik” och “Visa alla problem”. Följ de rekommendationer som anges här för att få optimal hastighet på glidaren.

3. För att säkerställa de snabbaste svarstiderna för Slider Revolution bör du se till att dina systemkrav är uppfyllda. Under insticksmodulets huvudadministrationssektion ser du en ruta “Systemkrav”, som ger en status för rekommenderad serverstatistik och vad du för närvarande kör via ditt webbhotell. Välj knappen “Kontrollera nu” för att få en uppdatering av din statistik.


Ett proffstips:
Om du upptäcker att du ligger under minnesgränsen, maximal filstorlek eller maximal poststorlek, kontakta din webbhotell och be att dessa gränser höjs till det föreslagna beloppet. Ofta kommer webbhotellet att göra det, utan att behöva uppgradera ditt hostingpaket eller ta ut ytterligare månadsavgifter. Men om du upptäcker att ditt webbhotell inte uppfyller systemkraven och om de inte är villiga att uppgradera dig gratis, bör du överväga att flytta till ett nytt webbhotell, till exempel Bluehost. Jag har funnit att Bluehosts tekniska support är mycket tillmötesgående när det gäller dessa systemkrav för WordPress-webbplatser.

Genom att genomföra dessa fem steg bör du se en betydande ökning av prestandan hos din WordPress-slider. Om din webbplats fortfarande är långsam kan du läsa den här artikeln om hur du snabbar upp WordPress.

Andel

Prenumerera

För den senaste autentiska forskningen och nyheter om de bästa värdarna för din webbplats!

Nästa inlägg

Relaterade inlägg: