Share
I den forrige artikkelen diskuterte vi viktigheten av hastighet på nettet og gjennomgikk noen grunnleggende tips om å øke hastigheten på WordPress. I denne artikkelen skal vi gå over fem flere tips for å optimalisere nettstedet ditt enda mer.
Uten mer introduksjon, la oss dykke inn i neste sett med ytelsestips!
Her er noen flere tips om å øke nettstedets hastighet:
Når du vil vise verden din video som spiller piano mens du er på skateboard, er det et smartere alternativ for å laste den opp til YouTube i stedet for å laste opp til din egen server. Så hvorfor ikke gjør det samme for bilder, eller til og med CSS og JavaScript-filer?
CDN, eller "innholdsleveringsnettverk" tjener denne hensikten. Og etter deres natur er de vanligvis raskere enn serveren din på grunn av alt dette sky magi. Plus, å få filer fra to servere er raskere enn å få dem fra en server fra nettleserens perspektiv.
Mens CDN-markedet domineres av betalte tjenester som Amazon CloudFront, MaxCDN og mange, mange mer, det er også gratis tjenester. Jeg foreslår at du prøver det og ser hvordan CDN-er fungerer ved å installere Jetpack fra WordPress.com og aktivere "Photon" -modulen. Hvis du trenger mer strøm og tilpasning, kan du overføre til betalte tjenester uten å miste noe.
Bilder er viktige for nettsidene dine fordi de vanligvis er de mest attraktive delene av siden. Men å bruke mange bilder kan doble, tredoble eller firedoble sidens vekt, og det kan gjøre at sidene dine tar lengre tid for å fullføre lastingen.
Hvis du kan bruke færre bilder, er det bare en annen del av hastighetsoptimalisering ("sunn fornuft"), men hvis det er en bedre ide å beholde store bilder, kan du prøve å optimalisere bildene, slik at de tar mindre plass og mindre tid å laste.
I andre opplæringsprogrammer om å øke hastigheten på WordPress over Internett, ser alle ut til å foreslå WP Smush.it, og det gjør jobben ganske bra, men jeg skal fortsette og foreslå EWWW Image Optimizer. Det har et morsomt navn, men jeg synes det er et bedre alternativ til WP Smush.it fordi det kan komprimere flere filtyper og har flere alternativer å spille med. Prøv hver enkelt ut og bestem deg selv.
Viser en mobilbruker nøyaktig samme side som en desktop bruker ser, er i 2010. I disse dager bruker alle "responsivt webdesign", som omarrangerer og endrer utformingen for forskjellige skjermstørrelser, slik at brukerne lett kan se siden.
Men å gjøre det betyr vanligvis å ta samme side (med samme vekt) og bare endre designet til den passer på mobilenes skjermer, og mobile brukere med hastigheter for mobilt internettforbindelse setter ikke pris på å vente i 10 sekunder for en side å laste . Hvor fantastisk ville det være hvis vi i stedet for å endre designet dynamisk for mobile enheter, kunne vise en helt annen, renere design?
Vises, det er plugins for det også. Den tidligere nevnte Jetpack av WordPress.com har en modul som heter "Mobile Theme", som legger ut et enkelt mobiltema for deg uten problemer. Hvis du vil ha mer kontroll, kan du sjekke ut WPTouch Mobile Plugin, som er gratis, men har også en "pro" -versjon som tilbyr flere mobile temaer enn den gratis versjonen.
Har du noen gang vurdert evalueringen av temaet ditt? Hvis du ikke har det, er du ikke alene: Folk har en tendens til å bli forelsket i et tema og overse det faktum at det har altfor mange bilder, ikke har en optimalisert CSS-fil, har forferdelig HTML-utgang, eller gjør hundrevis av spørringer på hver side. Vi er selvfølgelig bare menneskelige, og vi kan bli distrahert av et vakkert designet tema ... men husk: Vakkert utformede men horribelt kodede temaer vil skade nettstedet ditt mer enn et ikke så sexy tema med et solidt kodestift.
Kontroller nettstedets hastighetspoeng fra PageSpeed, og installer administrasjonslinjens plugin for å evaluere temaets ytelse. Hvis du ser at temaet senker nettstedet ditt, bør du prøve et annet tema som er enklere enn det du bruker akkurat nå.
Husk: God design må ikke nødvendigvis oversvømmes med grafikk. Noen ganger mindre er mer-spesielt i den "flat design" epoken vi lever i!
Jeg vet, plugins er kjempebra. Du kan aldri få nok funksjonalitet og funksjoner levert av plugins som beriker nettstedet ditt. En postvisning teller plugin her, en kommentar stemmeremekanisme der borte ... og snart vil du lure på hvorfor serveren venter i seks sekunder før du laster inn siden.
Du kan si at jeg snakker som en hykler fordi jeg allerede foreslo mange plugins i denne artikkelen. Forsikre deg om at jeg ikke er hykler: bruk av mange plugins reduserer ikke nettstedet ditt, men bruker mange plugins som samhandler med frontend-en. Spesielt de som endrer databasefelter på hver sidevisning.
Ironisk nok kan du teste hvilke plugins som reduserer nettstedet ditt ved installerer en annen plugin. Plugin P3 (Plugin Performance Profiler) kjører tester gjennom sidene dine og måler tidskostnaden for hvert plugin, noe som gir deg en ide om hvilke plugins som senker nettsiden mest.
Som sagt i begynnelsen av denne serien, hastighet alltid saker. Du må holde øye med det hele tiden, så disse artiklene er ikke "gjør disse bare en gang, og du er god til å gå" slags opplæringsprogrammer. Jeg sier ikke at du bør legge merke til disse opplæringsprogrammene, men du bør bokmerke disse opplæringsprogrammene.
Har du noe å legge til i denne serien? Fortell oss hva du synes ved å kommentere nedenfor. Og hvis du likte artikkelen, ikke glem å dele den med vennene dine!
Accentsconagua