Bruger du et WordPress slider-plugin og oplever forsinkelse? Har du bemærket, at din hjemmesides slider indlæses langsomt? Følgende optimeringsteknikker kan anvendes på de mest populære WordPress slider plugins, herunder:
- Slider Revolution
- LayerSlider
- Monolog
- RoyalSlider
- Slider WD
- Smart Slider
- Glat skyder
- Master Slider
- MetaSlider
- Huge-IT Slider
Hvorfor er min WordPress Slider langsom?
Din WordPress-slider indlæses langsomt på grund af følgende 5 problemer: langsom WordPress-hosting, et forældet slider-plugin, en forældet WordPress-version, store ukomprimerede billeder og indstillinger for slider-optimering, der ikke er konfigureret korrekt. Lær, hvordan du løser hvert enkelt problem i de nedenstående vejledninger. Hvis du følger disse enkle trin, vil din slider blive indlæst meget hurtigere og efterlade et godt første indtryk hos de besøgende på dit websted. Lad os komme i gang!
1. Langsom WordPress-hosting
Den største årsag til et langsomt websted er dit valg af webhost. Uanset hvor meget du optimerer dit slider-plugin, vil det tage lang tid at indlæse din slider, hvis du serverer JS, CSS og billeder fra et langsomt hostingfirma. Hvis du leder efter en hurtigere løsning, kan du tjekke de hurtigste webhoteller i sammenligning. Derudover kan du gennemgå de bedste WordPress-hostingmuligheder for at få en mere dybdegående analyse. Hvis du er fotograf og har et portfoliowebsted med mange billeder, skal du tjekke disse topwebhoteller for fotografer.
Sådan løser du langsomme WordPress-hosting: Tilmeld dig en af de bedst anbefalede hosts som Bluehost for at fremskynde dit websted. (starter ved kun $2,95/måned)
2. Dit slider-plugin er forældet
Slider Revolution, det mest populære WordPress-slider-plugin, opdaterer sin kode i gennemsnit over et dusin gange om året. I 2017 havde de f.eks. 16 opdateringer (se ændringslisten her). Nogle af disse opdateringer omfatter WordPress-kompatibilitet og -optimering, mens andre har en direkte indvirkning på ydeevnen (såsom tilføjelsen “Performance Monitor and better Performance Suggestions” (ydelsesovervågning og bedre forslag til ydeevne)). Hvis din
Sådan retter du forældede slider-plugins: Log ind i din WordPress-administrator. Vælg Dashboard > Opdateringer > Vælg Alle > Opdater plugins. Bemærk, at nogle WordPress-temaer har et separat afsnit om anbefalede plugins under temaindstillingerne. Hvis dit slider-plugin blev installeret sammen med dit WordPress-tema, kan du finde en opdatering her og ikke i standardsektionen Dashboard > Updates.
3. Din WordPress-version er forældet
Nu hvor dine plugins er opdateret, skal du også sikre dig, at din WordPress-version er opdateret. De fleste opdateringer til WordPress-rammerne omfatter optimering for hurtigere ydeevne og indlæsningstider for websites. Når både din WordPress-version og dine plugins er opdateret, sikrer du maksimal ydeevne (når du har en hurtig webhost).
Sådan opdaterer du WordPress-versionen: Fra det samme skærmbillede på Dashboard > Opdateringer, vil du bemærke en “Opdater nu”-knap på siden “Opdater WordPress”. Følg anvisningerne for at få en simpel opdatering med et enkelt klik.
4. Dine billeder er ikke optimeret
Sliders er billedtunge, og det kan have en betydelig indvirkning på ydeevnen at levere uoptimerede billeder via dit slider-plugin. Vidste du, at billeder i gennemsnit udgør 54 % af sidestørrelsen på et websted? Det er et must at reducere billedstørrelsen i dagens verden, der er præstationsdrevet på nettet!
Sådan optimerer du billeder på dit websted:
- Juster billedstørrelsen. Skaler altid dine billeder ned til en passende pixelstørrelse til webopløsning. Som regel forsøger jeg at have alle mine billeder med en bredde på 1200px eller mindre, da de fleste websteder og browsere vil ændre størrelsen på et billede i denne størrelse eller større for at tilpasse det til brugerens skærm. Hvis du bruger et billedredigeringsprogram som f.eks. Photoshop, skal du bruge billedkomprimeringsformatet i softwaren. Åbn dit billede i Adobe Photoshop, og gå derefter til følgende: File > Export > Save for Web (Legacy) > og vælg derefter enten “PNG-24” eller “JPEG”-filformatet. For PNG-filer skal du typisk vælge feltet “Transparency” (Gennemsigtighed) og “Convert to sRGB” (Konverter til sRGB). For JPEG skal du lade “Progressive” og “Embedded Color Profile” være afkrydset, men du skal markere afkrydsningsfeltet for “Optimized” og “Convert to sRGB”. Du kan justere opløsningen ved at bruge skyderen “Quality” (kvalitet). Du ønsker, at filstørrelsen skal være så lille som muligt, samtidig med at du bevarer tilstrækkelig kvalitet. Hvis billedet begynder at blive uskarpt eller pixeleret i forhåndsvisningsruden i fanen Optimeret, skal du øge kvaliteten en smule. Generelt er 60-80 % kvalitet et godt sted at ligge, idet filstørrelse og kvalitet afvejes.
- Installer et WordPress-plugin til billedkomprimering på dit websted. Dette vil ikke kun optimere de billeder, der allerede er i dit mediebibliotek, men også automatisk komprimere alle billeder, du uploader i fremtiden. Min personlige favorit er TinyPNG, som bruger smart PNG- og JPEG-komprimering til at reducere billedfilstørrelsen uden at påvirke den visuelle kvalitet. De har et WordPress-plugin til rådighed her. Alternativer til TinyPNG omfatter ShortPixel Image Optimizer og WP Smush, to fantastiske WordPress-plugins, som jeg også bruger ofte.
- Upload billedet til dit websted, og udfyld felterne for billedtitel og alt-tekst i dit CMS i overensstemmelse med bedste SEO-praksis.
5. Dit slider-plugin er ikke optimeret
Vidste du, at mange WordPress-billedglidere har en optimeringssektion? Har du konfigureret din korrekt? Slider Revolution har f.eks. både indstillinger for Lazy Load og Performance, så du kan optimere og fremskynde indlæsningstiden. Tjek din specifikke skyderes dokumentation eller supportsektion for at se, om der findes en specifik vejledning om ydeevne.
Sådan fremskynder du Slider Revolution:
- Hvis du vil fremskynde Slider Revolution, skal du først vælge en af følgende indstillinger for lazy load, som du finder under Edit Slider > Slider Settings > Performance and SEO Optimization. Her er der 4 indstillinger;
Alle
(indlæser alle billeder i skyderen),
Smart
(indlæs de første billeder af dias og indlæs også billederne af det næste dias på forhånd),
Enkelt
(indlæsning af diasbilleder “on demand”) og
Ingen doven indlæsning
(indlæs alle billeder ved første indlæsning af siden). Hvilken Lazy Load-indstilling du vælger, afhænger af din sliderfunktionalitet, hvor hurtigt dit websted er til at begynde med, og hvad du har brug for at optimere.
2. Den anden måde at fremskynde Slider Revolution på er ved at gennemgå afsnittet “Samlet ydeevne for slider”, som indeholder to knapper: “Vis fuld statistik” og “Vis alle problemer”. Følg de forslag til ydeevne, der er anført her, for at opnå optimal hastighed på skyderen.
3. For at sikre de hurtigste svartider for Slider Revolution skal du sikre dig, at dine systemkrav er opfyldt. Under plugin’ets hovedadministrationssektion vil du se en “Systemkrav”-boks, som vil give en status for de anbefalede serverstatistikker, og hvad du kører i øjeblikket via din webhost. Vælg knappen “Tjek nu” for at få en live opdatering af dine statistikker.
Pro Tip:
Hvis du opdager, at du ligger under hukommelsesgrænsen, den maksimale filstørrelse eller den maksimale poststørrelse, skal du kontakte din webhost og anmode om at få disse grænser hævet til det foreslåede beløb. Ofte vil webhotellet være imødekommende, uden at du behøver at opgradere din hostingpakke eller opkræve yderligere månedlige gebyrer. Men hvis du finder ud af, at din webhost ikke opfylder systemkravene, og hvis de ikke er villige til at opgradere dig gratis, bør du overveje at migrere til et nyt webhotel som Bluehost. Jeg har fundet Bluehosts tekniske support meget imødekommende med hensyn til disse systemkrav til WordPress-websteder.
Ved at implementere disse fem trin bør du se en betydelig stigning i din WordPress-sliderydelse. Hvis dit websted stadig er langsomt, kan du læse denne artikel om, hvordan du kan fremskynde WordPress.