Gebruikt u een WordPress slider plugin en ziet u vertraging? Is het u opgevallen dat uw homepage slider traag laadt? De volgende optimalisatie technieken kunnen worden toegepast op de meest populaire WordPress slider plugins, waaronder:
- Schuif Revolutie
- LayerSlider
- Soliloquy
- RoyalSlider
- Schuif WD
- Slimme schuifregelaar
- Vloeiende schuif
- Meester schuifregelaar
- MetaSlider
- Huge-IT Slider
Waarom is mijn WordPress schuifregelaar traag?
Uw WordPress slider laadt traag als gevolg van de volgende 5 problemen: trage WordPress hosting, een verouderde slider plugin, verouderde WordPress versie, omvangrijke ongecomprimeerde afbeeldingen, en slider optimalisatie instellingen niet goed geconfigureerd. Leer in de onderstaande tutorials hoe u elk probleem kunt aanpakken. Als u deze eenvoudige stappen volgt, zal uw slider veel sneller laden en een geweldige eerste indruk achterlaten bij uw websitebezoekers. Laten we beginnen!
1. Trage WordPress Hosting
De grootste oorzaak van een trage website is de keuze van de webhost. Het maakt niet uit hoeveel u het optimaliseren van uw slider plugin, als je dienen de JS, CSS & afbeeldingen van een trage hosting bedrijf, zal uw slider duurt het een tijdje om te laden. Als u op zoek bent naar een snellere oplossing, bekijk dan de snelste webhosts vergeleken. Daarnaast kunt u de beste WordPress hostingopties bekijken voor een meer diepgaande analyse. Als u een fotograaf bent en een portfolio-website met veel afbeeldingen hosten, bekijk dan deze top webhosts voor fotografen.
Hoe langzame WordPress hosting te repareren: Meld je aan voor een top aanbevolen host zoals Bluehost om je website te versnellen. (vanaf slechts $2.95/maand)
2. Uw schuifregelaar-plugin is verouderd
Slider Revolution, de meest populaire WordPress slider plugin, update zijn code gemiddeld meer dan een dozijn keer per jaar. In 2017, bijvoorbeeld, hadden ze 16 updates (zie de changelog hier). Sommige van deze updates hebben betrekking op WordPress compatibiliteit en optimalisatie, terwijl andere een directe impact hebben op de prestaties (zoals de toevoeging “Prestatiemonitor en betere Prestatiesuggesties”). Als je
Hoe verouderde slider plugins te repareren: Log in op je WordPress admin. Kies Dashboard > Updates > Kies Alles > Plugins bijwerken. Merk op dat sommige WordPress thema’s een aparte aanbevolen plugin sectie hebben onder de thema instellingen. Als uw slider plugin geïnstalleerd werd samen met uw WordPress thema, dan is het mogelijk dat u hier een update vindt, en niet in de standaard Dashboard > Updates sectie.
3. Uw WordPress versie is verouderd
Nu uw plugins zijn bijgewerkt, wilt u er ook voor zorgen dat uw WordPress versie up-to-date is. De meeste updates van het WordPress framework bevatten optimalisaties voor snellere prestaties en website laadtijden. Door zowel uw WordPress versie als uw plugins up-to-date te houden, bent u verzekerd van topprestaties (wanneer u een snelle webhost heeft).
Hoe WordPress versie bijwerken: Vanuit hetzelfde Dashboard > Updates scherm, zult u een “Update Nu” knop zien op de “Update WordPress” pagina. Volg de aanwijzingen voor een eenvoudige update met één klik.
4. Uw afbeeldingen zijn niet geoptimaliseerd
Sliders zijn beeld zwaar en dienen niet-geoptimaliseerde beelden via uw slider plugin kan een aanzienlijke impact hebben op de prestaties. Wist u dat afbeeldingen gemiddeld 54% van de paginagrootte van een website uitmaken? Het verkleinen van de afbeeldingsgrootte is een must in de huidige prestatiegedreven wereld van het web!
Hoe kunt u afbeeldingen op uw website optimaliseren:
- Pas de grootte van de afbeelding aan. Verklein uw afbeeldingen altijd tot de juiste pixelafmetingen voor webresolutie. Als regel probeer ik al mijn afbeeldingen 1200px breed of minder te maken, aangezien de meeste websites en browsers een afbeelding van deze grootte of groter zullen verkleinen om op het scherm van de gebruiker te passen. Als u een fotobewerkingsprogramma gebruikt, zoals Photoshop, wilt u gebruik maken van het beeldcompressieformaat in de software. Open in Adobe Photoshop uw afbeelding en ga dan naar het volgende: Bestand > Exporteren > Opslaan voor web (legacy) > en selecteer vervolgens de bestandsformaten “PNG-24” of “JPEG”. Voor PNG-bestanden selecteert u meestal het vakje “Transparantie” en “Omzetten naar sRGB”. Voor JPEG laat u “Progressive” en “Embedded Color Profile” uitgevinkt, maar zet u wel een vinkje bij “Optimized” en “Convert to sRGB”. Speel met de “Kwaliteit” schuifknop om de resolutie aan te passen. U wilt de bestandsgrootte zo klein mogelijk houden, met behoud van voldoende kwaliteit. Als het beeld wazig of korrelig wordt in het voorbeeldvenster op het tabblad Geoptimaliseerd, verhoog dan de kwaliteit een beetje. Over het algemeen is 60-80% kwaliteit een goede plaats om te zijn, waarbij bestandsgrootte en kwaliteit in evenwicht zijn.
- Installeer een WordPress afbeeldingscompressie plugin op uw website. Dit zal niet alleen de afbeeldingen die al in uw mediabibliotheek staan verder optimaliseren, maar ook automatisch alle afbeeldingen comprimeren die u in de toekomst uploadt. Mijn persoonlijke favoriet is TinyPNG dat slimme PNG en JPEG compressie gebruikt om de bestandsgrootte te verminderen zonder de visuele kwaliteit aan te tasten. Ze hebben een WordPress plugin beschikbaar hier. Alternatieven voor TinyPNG zijn ShortPixel Image Optimizer en WP Smush, twee geweldige WordPress plugins die ik ook vaak gebruik.
- Upload de afbeelding naar uw website, vul de afbeeldings titel en afbeeldings alt tekst velden in uw CMS, volgens de SEO best practices.
5. Uw Slider Plugin is niet geoptimaliseerd
Wist je dat veel WordPress beeld sliders een optimalisatie sectie hebben? Heb je de jouwe goed geconfigureerd? Slider Revolution, bijvoorbeeld, heeft zowel Lazy Load als Performance instellingen, waarmee u de laadtijd kunt optimaliseren en versnellen. Raadpleeg de documentatie of de ondersteuningssectie van uw specifieke schuifregelaar om te zien of er een specifieke handleiding voor prestaties bestaat.
Hoe Slider Revolution te versnellen:
- Om Slider Revolution te versnellen, selecteert u eerst een van de volgende Lazy Load instellingen, te vinden onder Bewerk Slider > Slider Instellingen > Prestaties en SEO Optimalisatie. Hier zijn er 4 instellingen;
Alle
(laad alle afbeeldingen van de schuif),
Smart
(laad de afbeeldingen van de eerste dia en laad de afbeeldingen van de volgende dia ook vooraf),
Eén
(dia-afbeeldingen “on demand” laden), en
Geen lui laden
(laad alle afbeeldingen bij de eerste pagina load). Welke Lazy Load instelling u kiest, hangt af van uw slider-functionaliteit, hoe snel uw site om te beginnen is, en wat u nodig hebt om te optimaliseren.
2. De tweede manier om Slider Revolution te versnellen is het bekijken van de “Algemene Slider Prestaties” sectie, die twee knoppen bevat: “Toon Volledige Statistieken” en “Toon Alle Problemen”. Volg de hier vermelde prestatievoorstellen voor een optimale schuifsnelheid.
3. Tenslotte, om de snelste Slider Revolution reactietijden te garanderen, zorg ervoor dat aan uw Systeemvereisten wordt voldaan. Onder de hoofd admin sectie van de plugin, zul je een “Systeem Vereisten” box zien, die een status zal geven van de aanbevolen server stats, en wat je momenteel draait via je web host. Selecteer de knop “Nu controleren” voor een live verversing van uw statistieken.
Pro Tip:
Als u vindt dat u onder de Geheugenlimiet, Max Bestandsgrootte of Max Post Grootte zit, neem dan contact op met uw webhost en vraag om deze limieten te verhogen tot de voorgestelde hoeveelheid. Vaak zal de webhost hieraan tegemoet komen, zonder dat u uw hostingpakket hoeft te upgraden of extra maandelijkse kosten in rekening hoeft te brengen. Echter, als u vindt dat uw webhost niet voldoet aan de systeemvereisten, en als ze niet bereid zijn om u gratis te upgraden, kunt u overwegen om te migreren naar een nieuwe webhost, zoals Bluehost. Ik heb gemerkt dat Bluehost technische ondersteuning zeer meegaand is met deze systeemvereisten voor WordPress websites.
Door het uitvoeren van deze vijf stappen zou u een aanzienlijke verbetering in de prestaties van uw WordPress slider moeten zien. Als uw website nog steeds traag is, kunt u dit artikel lezen over Hoe WordPress te versnellen.