Fremskynde WordPress Bildeoptimalisering

I de to første delene av denne serien har vi gjennomgått caching, databaseoptimalisering, komprimering, minifisering og bruk av en CDN med våre WordPress-nettsteder. I denne siste delen skal vi snakke om bildeoptimalisering og bruke WordPress med sunn fornuft.

La oss begynne!

Optimalisering av bilder i WordPress

Det er svært sannsynlig at bilder på sidene dine er de største eiendelene på nettstedet ditt som lastes ned av besøkende. Kom å tenke på det, det er åpenbart at vi bør være kloge med å laste opp og bruke bilder på våre sider. Det betyr to ting: 

  1. Vi må bruke bilder sparsomt.
  2. Vi må holde bildestørrelsen liten. 

Dette er hvor bildoptimeringsteknikker kommer inn i spill.

I dette kapitlet skal vi gjennomgå noen manuelle og noen automatiske metoder for bildeoptimalisering.

Manuell bildeoptimalisering

Hvis du er som meg og vil ha så mye kontroll som mulig over bildene dine, bør du optimalisere bildene manuelt. Det er bokstavelig talt hundrevis av bildeoptimaliseringsteknikker og applikasjoner for ulike bildeformater (for det meste JPEG og PNG). Jeg anbefaler to:

  1. JPEGmini er et utmerket program som optimaliserer JPEG med en intelligent og "lossy" optimaliseringsalgoritme. Det har ingen innstillinger (som er en bummer), men det gjør en veldig god jobb som reduserer filstørrelser (minst 30%). Den kommer i Windows- og Mac-apper, sammen med en webtjeneste.
  2. RIOT (Radical Image Optimization Tool) er et gammelt, men svært effektivt optimaliseringsverktøy for Windows. Den kan behandle JPEG, PNG og GIF med ulike algoritmer. Jeg bruker den til å optimalisere mine PNG-filer. Selv om PNG-optimaliseringsverktøyene er ganske sakte (spesielt på store PNG-filer), gjør det jobben perfekt.

Personlig liker jeg å jobbe manuelt i stedet for automatisk. Jeg forbereder og redigerer bildene mine i Adobe Photoshop, lagre bildene mine "på nettet" i 100% kvalitet, og åpne JPEGmini for JPEG og RIOT for PNG for å redusere filstørrelsene.

Automatisk bildeoptimalisering med WordPress-plugins

Hvis du ikke ønsker å håndtere alt manuelle arbeid, finnes det automatiske løsninger du kan bruke. Det finnes alternativer for server-side som Kraken PRO og JPEGmini Server, men vi vil fokusere på to svært nyttige plugins for daglig bruk (eller til og med litt tung løft):

  • WP Smush.it: Å være det mest populære bildeoptimeringsprogrammet for WordPress, kjører WP Smush.it automatisk hvert bilde du laster opp via Smush.it API, og komprimerer bildene dine med en lossy-algoritme. Du kan også bulkoptimalisere dine eksisterende bilder, noe som er et stort pluss.
  • EWWW Image Optimizer: Selv om det absolutt har et eksentrisk valg for en tittel, er EWWW Image Optimizer det jeg liker mest når det gjelder bildeoptimalisering. Det fungerer fint ut av boksen, men du kan finjustere noen avanserte innstillinger for å få mest mulig ut av det. Alle algoritmer den bruker (jpegtran, optipng, pngout og gifsicle) er tapsløse algoritmer, noe som betyr at det ikke vil endre noen piksler, men vil redusere størrelsene på bildene dine ved å re-kode og rydde opp filene. Det kan ikke optimalisere bilder som WP Smush.it gjør, men hvis du ikke kan stå for tapte optimaliseringer, er EWWW Image Optimizer din fyr.

Bruke WordPress med felles sans

Oppdater: Det ser ut til at Yahoo! stoppet opprettholdt Smush.it, så plugin vil ikke komprimere bildene dine etter versjon 1.7.1.1. Pluggen vil ikke bli forlatt, men utviklerne av pluginet annonserte at de fikser pluggen:

I følge uoffisielle, men ganske pålitelige rapporter har Yahoo stoppet å opprettholde Smush.it: (Alt er ikke tapt! Vi jobber som galakser her på WPMU DEV for å gi deg en gratis, mer pålitelig og bedre fri smussopplevelse bygget av vår pro versjon av pluginet og pakket inn i neste oppdatering. Vi håper å få det tilgjengelig for deg veldig, veldig snart ... i mellomtiden vær så snill å bli hos oss, det vil være verdt det, lover.

Selv om du tar alle rådene i denne serien, bruker du hvert stykke kode, og bruk hvert plugin som er nevnt, du kan fortsatt ikke få fart på nettstedet ditt. Det er derfor denne delen er det viktigste av alt: sunn fornuft.

Hva mener jeg med "sunn fornuft"? For det meste "være forsiktig og forsiktig", men la meg utdype.

Velge en anstendig Hosting Provider

Optimaliser nettstedet ditt alt du vil; men hvis serverens ytelse er dårlig, vil ytelsen til nettstedet ditt være dårlig. Derfor må du velge klokt.

  • Ikke bare sjekke hvor mange gigabyte plass og båndbredde de lover - sjekk ut serverens maskinvare spesifikasjoner, også.
  • Velg en hosting pakke som passer ditt nettsted. Hvis du har et populært e-handelsnettsted, ikke bruk en delt hosting-pakke.
  • Og viktigst, søk etter nettet og les noen anmeldelser av selskapet: Hvordan er deres oppetid? Hvordan er kundesupportstjenesten?

Velge (eller gjøre) et kvalitets WordPress-tema

Jeg har sett mange WordPress-temaer - både gratis og betalt - som så vakkert ut, men var veldig kodede. Godt utseende, men dårlig kodet WordPress-temaer kan være en av de viktigste skyldige på et sakte WordPress-nettsted. Du bør enten velge blant temaer med ytelse i tankene eller lage ditt eget WordPress-tema (eller få det gjort).

Du kan spørre, "Hvordan skal jeg vite hvordan optimalisert et tema er?" men det er ikke vanskelig, faktisk. Velg et tema, og skan deretter demo sidene (ikke bare hjemmesiden!) I GTmetrix for å se deres Google PageSpeed ​​og Yahoo! YSlow score, og hvor effektivt eiendommene belastes med "Tidslinjevisningen". Når det gjelder serverbelastning, har du ikke mye å sjekke om du ikke kan teste det selv, og du må stole på caching plugins.

Skjære tilbake på plugger

Denne er en no-brainer: Hvis en plugin laster inn eiendeler eller utfører databaseoperasjoner i fronten, spørsmålet om nødvendigheten. Hvis du ikke virkelig trenger det, bli kvitt det. 

Du kan også kjøre en ytelsestest på plugins med Plugin Performance Profiler-pluginet og se hvilke plugins som krever mange ressurser..

Hold WordPress, plugins og temaer sikkert og oppdatert

Denne er litt cliché-det er derfor det er den siste informasjonen i denne serien-men det betyr ikke at det er galt: Du hold alt oppdatert og sikkert.

  • Når det gjelder å holde seg oppdatert, er det ikke mye å si: Oppdater bare.Å holde seg oppdatert kan øke hastigheten på nettstedet ditt fordi kjerne, plugin og temautviklere jobber kontinuerlig for å gjøre koden mer effektiv.
  • Når det gjelder sikkerhet, kan du finne ulike sikkerhetsplugger i WordPress.org. Husk å sjekke dem ut, sammenlign deres vurderinger, og bruk den som passer deg best. Å holde nettstedet ditt trygt vil ikke øke hastigheten på nettstedet ditt, men det kan opprettholde nettsiden din hastighet hvis (eller når) nettstedet ditt er under angrep.

Serie Finale

I informasjonens alder er det viktig å betjene informasjon raskt. Vi kan ikke stå noe som ikke reagerer raskt - vi føler at tiden vår blir bortkastet. Og vi snakker om sekunder og millisekunder her. Det er ikke nødvendigvis en god ting, men i en verden som dette, må vi spille den av boken.

Det er masse artikler om å forbedre hastigheten i WordPress, men jeg ønsket å skape noe annet. Under forberedelsen av denne tredelte serien hadde jeg en ting i tankene mine: skriving eviggrønne innhold på å øke WordPress. Selvfølgelig vil det bli bedre plugins eller smartere teknikker, men aspektene ved å gjøre WordPress raskere bør forbli det samme - i hvert fall til vi går inn i kvantealderen. Jeg håper du likte å lese det så mye som jeg likte å gjøre det.

Har du noe å legge til? Del dine tanker med oss ​​ved å kommentere nedenfor. Og hvis du likte denne serien, ikke glem å dele artiklene med vennene dine!