Bruker du en WordPress-glideplugin og ser etterslep? Har du lagt merke til at glidebryteren for hjemmesiden din laster sakte? Følgende optimaliseringsteknikker kan brukes på de mest populære WordPress-glidepluginene, inkludert:
- Slider Revolution
- LayerSlider
- Soliloquy
- RoyalSlider
- Skyveknapp WD
- Smart Slider
- Glatt skyveknapp
- Master Slider
- MetaSlider
- Stor IT-skyveknapp
Hvorfor er WordPress-glidebryteren min treg?
WordPress-glidebryteren din laster sakte på grunn av følgende 5 problemer: treg WordPress-hosting, en utdatert skyveplugin, utdatert WordPress-versjon, store ukomprimerte bilder og glidebryteroptimaliseringsinnstillinger som ikke er riktig konfigurert. Lær hvordan du løser hvert problem i veiledningene nedenfor. Hvis du følger disse enkle trinnene, vil glidebryteren din lastes mye raskere, og etterlate et godt førsteinntrykk hos besøkende på nettstedet ditt. La oss komme i gang!
1. Sakte WordPress-hosting
Den største årsaken til en treg nettside er ditt valg av webvert. Uansett hvor mye du optimaliserer skyvepluginen din, hvis du serverer JS, CSS og bilder fra et tregt vertsselskap, vil det ta en stund å laste skyveknappen. Hvis du leter etter en raskere løsning, sjekk ut de raskeste webvertene sammenlignet . I tillegg kan du gå gjennom de beste WordPress-vertsalternativene for en mer dyptgående analyse. Hvis du er en fotograf og er vert for et bildetungt porteføljenettsted, så sjekk ut disse beste webvertene for fotografer .
Slik fikser du treg WordPress-hosting: Registrer deg for en topp anbefalt vert som Bluehost for å få fart på nettstedet ditt. (starter på bare $2,95/måned)
2. Slider Plugin er utdatert
Slider Revolution, den mest populære WordPress-skyvepluginen, oppdaterer koden over et dusin ganger i året i gjennomsnitt. I 2017 hadde de for eksempel 16 oppdateringer (se endringsloggen her ). Noen av disse oppdateringene inkluderer WordPress-kompatibilitet og -optimalisering, mens andre har en direkte innvirkning på ytelsen (som tillegget “Performance Monitor og bedre ytelsesforslag”). Hvis din
Slik fikser du utdaterte skyveprogramtillegg: Logg på WordPress-administratoren din. Velg Dashboard> Oppdateringer> Velg alle> Oppdater plugins. Merk at noen WordPress-temaer har en egen anbefalt plugin-del under temainnstillingene. Hvis skyvepluginen din ble installert med WordPress-temaet ditt, kan det hende du finner en oppdatering tilgjengelig her, og ikke i standard Dashboard> Oppdateringsseksjonen.
3. WordPress-versjonen din er utdatert
Nå som pluginene dine er oppdatert, vil du også sørge for at WordPress-versjonen din er oppdatert. De fleste oppdateringer til WordPress-rammeverket inkluderer optimalisering for raskere ytelse og lastetider for nettsider. Å ha både WordPress-versjonen din oppdatert, så vel som pluginene dine oppdatert, sikrer topp ytelse (når du er på en rask nettvert).
Slik oppdaterer du WordPress-versjon: Fra samme dashbord> Oppdaterer skjermen, vil du legge merke til en “Oppdater nå”-knapp på siden “Oppdater WordPress”. Følg instruksjonene for en enkel oppdatering med ett klikk.
4. Bildene dine er ikke optimalisert
Skyveknapper er bildetunge og visning av uoptimaliserte bilder gjennom skyvepluginen kan ha en betydelig innvirkning på ytelsen. Visste du at bilder i gjennomsnitt utgjør 54 % av sidestørrelsen på et nettsted? Å redusere bildestørrelsen er et must i dagens nettytelsesdrevne verden!
Slik optimaliserer du bilder på nettstedet ditt:
- Juster bildestørrelsen. Skaler alltid ned bildene dine for passende pikseldimensjoner for nettoppløsning. Som regel prøver jeg å ha alle bildene mine 1200px bredde eller mindre, da de fleste nettsteder og nettlesere vil endre størrelsen på et bilde i denne størrelsen eller større ned for å passe til brukerens skjerm. Hvis du bruker et bilderedigeringsprogram, for eksempel Photoshop, vil du bruke bildekomprimeringsformatet i programvaren. Åpne bildet i Adobe Photoshop, og gå deretter til følgende: Fil> Eksport> Lagre for nettet (eldre)> velg deretter enten “PNG-24” eller “JPEG” filformater. For PNG-filer vil du vanligvis velge “Transparency”-boksen, samt “Konverter til sRGB”. For JPEG, la “Progressive” og “Embedded Color Profile” være umerket, men merk av for “Optimalisert” og “Konverter til sRGB”. Spill med “Kvalitet”-glidebryteren for å justere oppløsningen. Du vil at filstørrelsen skal være så lav som mulig, samtidig som du beholder nok kvalitet. Hvis bildet begynner å bli uklart eller pikselert i forhåndsvisningsruten for fanen Optimalisert, så øk kvaliteten litt. Generelt er 60-80 % kvalitet et bra sted å være, og balanserer filstørrelse med kvalitet.
- Installer en WordPress-bildekomprimeringsplugin på nettstedet ditt. Dette vil ikke bare optimalisere bildene som allerede er i mediebiblioteket ditt, men vil også automatisk komprimere alle bilder du laster opp i fremtiden. Min personlige favoritt er TinyPNG som bruker smart PNG- og JPEG-komprimering for å redusere bildefilstørrelsen uten å påvirke visuell kvalitet. De har en WordPress-plugin tilgjengelig her . Alternativer til TinyPNG inkluderer ShortPixel Image Optimizer og WP Smush , to flotte WordPress-plugins jeg også bruker ofte.
- Last opp bildet til nettstedet ditt , fyll ut bildetittelen og bilde-alt-tekstfeltene i CMS-en din, i henhold til beste fremgangsmåter for SEO.
5. Slider Plugin er ikke optimalisert
Visste du at mange WordPress bildeglidere har en optimaliseringsseksjon? Har du konfigurert din riktig? Slider Revolution, for eksempel, har både Lazy Load og Performance-innstillinger, slik at du kan optimalisere og øke hastigheten på lastetiden. Sjekk med den spesifikke glidebryterens dokumentasjon eller støtteseksjon for å se om det er en spesifikk veiledning for ytelse.
Slik får du fart på gliderevolusjonen:
- For å øke hastigheten på Slider Revolution, velg først en av følgende Lazy Load-innstillinger, funnet under Rediger Slider> Skyvekontrollinnstillinger> Ytelse og SEO-optimalisering . Her er det 4 innstillinger; Alle (last inn alle skyvebilder), Smart (last inn første lysbildebilder og forhåndslast bildene til neste lysbilde også), Enkelt (last lysbildebilder “på forespørsel”) og No Lazy Loading (last alle bilder ved første sideinnlasting). Hvilken Lazy Load-innstilling du velger avhenger av glidebryterens funksjonalitet, hvor raskt nettstedet ditt er til å begynne med, og hva du trenger å optimalisere.
2. Den andre måten å øke hastigheten på Slider Revolution på er å gå gjennom delen “Overall Slider Performance”, som inneholder to knapper: “Vis fullstendig statistikk” og “Vis alle problemer”. Følg ytelsesforslagene som er oppført her for optimal skyvehastighet.
3. Til slutt, for å sikre de raskeste responstidene for Slider Revolution, sørg for at systemkravene dine er oppfylt. Under pluginens hovedadminseksjon vil du se en “System Requirements”-boks, som vil gi en status for anbefalt serverstatistikk, og hva du for øyeblikket kjører via webverten din. Velg “Sjekk nå”-knappen for en live oppdatering av statistikken din.
Profftips: Hvis du finner ut at du er under minnegrensen, maks filstørrelse eller maks. poststørrelse, kontakt webverten din og be om at disse grensene økes til det foreslåtte beløpet. Ofte vil webverten forplikte seg, uten å måtte oppgradere hostingpakken din eller belaste deg for ekstra månedlige avgifter. Men hvis du finner ut at webverten din ikke oppfyller systemkravene, og hvis de ikke er villige til å oppgradere deg gratis, bør du vurdere å migrere til en ny webhost som Bluehost . Jeg har funnet at Bluehosts teknisk støtte er veldig imøtekommende med disse systemkravene for WordPress-nettsteder.
Ved å implementere disse fem trinnene bør du se en betydelig økning i WordPress-glidebryterens ytelse. Hvis nettstedet ditt fortsatt er tregt, kan det være lurt å se denne artikkelen om Hvordan få fart på WordPress .