Snabbare upp WordPress Bildoptimering

I de två första delarna av denna serie granskade vi caching, databasoptimering, komprimering, minifiering och användning av en CDN med våra WordPress-webbplatser. I den här sista delen kommer vi att prata om bildoptimering och använda WordPress med sunt förnuft.

Låt oss börja!

Optimering av bilder i WordPress

Det är mycket troligt att bilder på dina sidor är de största tillgångarna på din webbplats som hämtas av besökare. Kom och tänka på det, det är uppenbart att vi ska vara kloka på att ladda upp och använda bilder på våra sidor. Det betyder två saker: 

  1. Vi behöver använda bilder sparsamt.
  2. Vi behöver hålla bildstorleken små. 

Det är här bildoptimeringsteknikerna kommer i spel.

I det här kapitlet ska vi granska några manuella och några automatiska metoder för bildoptimering.

Manuell bildoptimering

Om du är som jag och vill ha så mycket kontroll som möjligt över dina bilder, bör du optimera dina bilder manuellt. Det finns bokstavligen hundratals bilderoptimeringstekniker och applikationer för olika bildformat (oftast JPEG och PNG). Jag rekommenderar två:

  1. JPEGmini är en utmärkt applikation som optimerar dina JPEG med en intelligent och "lossy" optimeringsalgoritm. Det har inga inställningar (vilket är en bummer) men det gör ett riktigt bra jobb som minskar filstorlekar (minst 30%). Den kommer i Windows och Mac-appar, tillsammans med en webbtjänst.
  2. RIOT (Radical Image Optimization Tool) är ett gammalt men mycket effektivt optimeringsverktyg för Windows. Det kan hantera JPEG, PNG och GIF med olika algoritmer. Jag använder den för att optimera mina PNG-filer. Medan dess PNG-optimeringsverktyg är lite långsamma (speciellt på stora PNG-filer), gör jobbet perfekt.

Personligen gillar jag att arbeta manuellt snarare än automatiskt. Jag förbereder och redigerar mina bilder i Adobe Photoshop, spara mina bilder "för webben" i 100% kvalitet, öppna sedan JPEGmini för JPEG och RIOT för PNG för att minska filstorlekarna.

Automatisk bildoptimering med WordPress-plugins

Om du inte vill hantera alla manuella arbeten finns det automatiska lösningar du kan använda. Det finns alternativ på serverns sida som Kraken PRO och JPEGmini Server, men vi kommer att fokusera på två väldigt användbara plugins för daglig användning (eller till och med lite tunglyftning):

  • WP Smush.it: Att vara det mest populära bildoptimeringsprogrammet för WordPress, kör WP Smush.it automatiskt varje bild du laddar upp genom Smush.it API och komprimerar dina bilder med en lossy-algoritm. Du kan också bulkoptimera dina befintliga bilder, vilket är ett stort plus.
  • EWWW Image Optimizer: Även om det verkligen har ett excentriskt val för en titel, är EWWW Image Optimizer det jag tycker mest om när det gäller bildoptimering. Det fungerar bra ur lådan, men du kan finjustera några avancerade inställningar för att få ut det mesta av det. Alla algoritmer som används (jpegtran, optipng, pngout och gifsicle) är förlustfria algoritmer, vilket betyder att det inte kommer att ändra några pixlar men kommer att minska storleken på dina bilder genom att omkoda och städa upp filerna. Det kanske inte optimerar bilder som WP Smush.it gör, men om du inte kan stå för förlustiga optimeringar, är EWWW Image Optimizer din kille.

Använda WordPress med gemensam känsla

Uppdatering: Det verkar som om Yahoo! stoppas bibehållen Smush.it, så plugin komprimerar inte dina bilder enligt version 1.7.1.1. Pluggen kommer inte att överges, men utvecklarna av plugin meddelade att de fixar plugin:

Enligt oofficiella men ganska tillförlitliga rapporter har Yahoo slutat att behålla Smush.it :( Men allt är inte förlorat! Vi arbetar som galningar här på WPMU DEV för att ge dig en fri, mer tillförlitlig och bättre fri smutsupplevelse byggd av vår proffs versionen av plugin-modulen och förpackad i nästa uppdatering. Vi hoppas kunna få den tillgänglig för dig, mycket snart ... under tiden vänligen stanna hos oss, det kommer att vara värt det, lova.

Även om du tar alla råd i denna serie, applicera varje kod, och använd varje plugin som nämns, du kan fortfarande misslyckas med att påskynda din webbplats. Därför är det här avsnittet den viktigaste delen av allt: sunt förnuft.

Vad menar jag med "sunt förnuft"? För det mesta "var försiktig och försiktig", men låt mig utarbeta.

Välja en anständig värdleverantör

Optimera din webbplats allt du vill ha; men om serverns prestanda är dålig blir din webbplats prestanda dålig. Därför måste du välja klokt.

  • Kontrollera inte bara hur många gigabyte utrymme och bandbredd de lovar - kolla även seriens maskinvarespecifikationer.
  • Välj ett webbhotell som passar din webbplats. Om du har en populär e-handelswebbplats, använd inte ett delat hosting-paket.
  • Och viktigast av allt, leta efter nätet och läs några recensioner av företaget: Hur är deras upptider? Hur är kundsupporten?

Välja (eller göra) en kvalitet WordPress Theme

Jag har sett många WordPress-teman - både fritt och betalt - det såg vackert ut, men var väldigt kodat. Snygga men dåligt kodade WordPress-teman kan vara en av de främsta synderna på en långsam WordPress-webbplats. Du bör antingen välja bland teman med prestation i åtanke eller skapa ditt eget WordPress-tema (eller få det gjort).

Du kanske frågar, "Hur ska jag veta hur optimerat ett tema är?" men det är inte svårt, faktiskt. Välj ett tema och skanna sedan demoversikten (inte bara hemsidan!) I GTmetrix för att se deras Google PageSpeed ​​och Yahoo! YSlow poäng, och hur effektivt laddar tillgångarna med tidslinjen. När det gäller serverbelastning har du inte mycket att kontrollera om du inte kan testa det själv och du måste lita på cachepluggar.

Skärning på pluggar

Den här är en no-brainer: Om ett plugin laddar tillgångar eller utför databasoperationer i fronten, fråga dess nödvändighet. Om du inte behöver det, bli av med det. 

Du kan också köra ett prestanda-test på plugins med pluginprogrammet P3 (Plugin Performance Profiler) och se vilka plugins som kräver mycket resurser.

Håll WordPress, plugins och teman Säkra och uppdaterade

Den här är lite cliché-det är därför det är den sista informationen i denna serie-men det betyder inte att det är fel: Du måste håll allt uppdaterat och säkert.

  • När det gäller att hålla sig uppdaterad finns det inte mycket att säga: Bara uppdatera.Att hålla sig uppdaterad kan påskynda din webbplats eftersom kärna, plugin och temautvecklare arbetar ständigt för att göra deras kod effektivare.
  • När det gäller säkerhet kan du hitta olika säkerhets plugins i WordPress.org. Var noga med att kolla in dem, jämföra deras recensioner och använd den som passar dig bäst. Att hålla din webbplats säker kommer inte att påskynda din webbplats, men den kan behålla din webbplats hastighet om (eller när) Din webbplats är under attack.

Serie Finale

I informationsåldern är det viktigt att betjäna information snabbt. Vi kan inte stå på något som inte svarar snabbt - vi känner att vår tid slösas bort. Och vi pratar om sekunder och millisekunder här. Det är inte nödvändigtvis en bra sak, men i en värld som denna måste vi spela den i boken.

Det finns massor av artiklar om att förbättra hastigheten i WordPress, men jag ville skapa något annat. Under beredningen av denna tredelade serie hade jag en sak i åtanke: skrivning vintergröna innehåll på att påskynda WordPress. Naturligtvis kommer det att finnas bättre plugins eller smartare tekniker, men aspekterna av att göra WordPress snabbare borde vara desamma - åtminstone tills vi går in i kvantaldern. Jag hoppas att du njöt av att läsa den så mycket som jag tyckte om att göra det.

Har du något att lägga till? Dela dina tankar med oss ​​genom att kommentera nedan. Och om du gillade den här serien, glöm inte att dela med dig av dina artiklar!