År 2019 är storleken på den genomsnittliga mobila webbsidan 1,6 MB. Bilder utgör vanligtvis ungefär hälften av den genomsnittliga webbsidan eftersom användningen av dem kräver mycket medel.
Om du aldrig har tagit bildoptimering på allvar och din WordPress-sajt är långsam har du allt att vinna på att göra det rätt. Om dina bilder laddas långsamt betyder det vanligtvis att det finns ett problem på din Wordpress blogg. Genom att fokusera på dina bilder kan du undvika många problem med webbplatsens prestanda.
I den här handledningen kommer jag att förklara varför optimering av bilder är den bästa utgångspunkten för att optimera prestandan för din Wordpress blogg. Vi kommer också att gå igenom några tips för att komma igång om du behöver fixa långsamma WordPress-bilder.
Varför bör du börja med bilder när du överväger att förbättra prestanda
Nätet är nu ett multimediarikt landskap med videor, podcaster och fler bilder än någonsin tidigare. Bilder kan hjälpa din webbplats att sticka ut i ett trångt medielandskap, men de kostar. Om du visar dina bilder fel kan din webbplats ha en nackdel. Om du påskyndar inläsning av bilder kan du förbättra webbplatsens prestanda, ge en användarupplevelse som är kompatibel med mobila enheter, förbättra SEO och öka konverteringar.
Bilderna är sämre när de är dåligt gjorda
Stora bilder väger faktiskt ner dina webbsidor.
Om du inriktar dig på en 1,5 MB-filstorlek för en webbsida och du lägger till några 2 MB-bilder vardera kommer du att överskrida den gränsen med en enda bild.
Men bilderna kan vara beaucoup större. Den genomsnittliga filstorleken som produceras av en genomsnittlig DSLR är mellan 4 och 12 MB! Om du inte vet bättre och använder en 12 MB-bild, eller värre, mer än en 12 MB-bild, kommer du verkligen att förstöra din sidprestanda.
Om du får kombinerade bilder mindre än 1 MB kan du eventuellt minska sidvikten med 20 MB. Uppenbarligen är detta en stor överdrift, men det är för att illustrera hur mycket överskott kan lägga till om du inte gör det rätt.
Något så enkelt som att ändra storlek på dina bilder kan dramatiskt förbättra prestanda och spara värdekostnader. Din webbhotell debiterar dig mer för det diskutrymme som alla de stora bilderna tar upp.
Vi lever i en första mobil värld
Genom att optimera dina bilder för mobilen säkerställer du en fantastisk användarupplevelse för användare av alla typer av enheter, så att de fortsätter att komma tillbaka till din webbplats.
Populariteten för mobila enheter har exploderat i en sådan utsträckning att vi nu lever i en värld där mobiler är de mest använda. I juli 2018 meddelade Google att sidans hastighet var en rankningsfaktor för mobilsökningar.
Detta innebär att när du skapar dina webbplatser måste du se till att du tillhandahåller bilder som passar för mobila enheter som har långsammare dataanslutningar.
Om du strömmar Retina-bilder avsedda för stationära datorer i ett litet fönster, slösar du med data. För din besökare som inte har obegränsade dataplaner kan det vara väldigt frustrerande och dyrt.
Den sökoptimerade bilden är tillbaka
Inte bara har Google förändrat effekterna av mobiloptimering på rankningar, det har också förändrat hur bildsökresultaten visas, vilket har lett till djupgående förändringar i bild-SEO.
Nu kan du leda trafik till din webbplats när dina bilder visas i bildsökning.
2013 lade Google till en bildvisningsknapp i bildsökresultaten. När någon klickade på den knappen fördes de direkt till bilden istället för den webbsida som bilden var på. Webbplatser rapporterade en nedgång på 63% i trafiken tack vare bildsökning.
År 2018 tvingades Google ta bort knappen Visa bild så trafiken började strömma in igen. Det finns många möjligheter för dina bilder att rankas bra eftersom SEO har försummat SEO-bildoptimering.
Bildoptimering påverkar nedre raden
Bilder kan bromsa din WordPress-webbplats om de inte visas korrekt och kan minska din konverteringsfrekvens.
Om du säljer produkter på din webbplats kan du använda Googles mobilsatshastighetstest för att visa dig hur mycket din potentiella inkomst är. På resultatsidan, rulla ner och öppna avsnittet Bedöm effekterna av en snabbare webbplats.
Bildoptimering kommer inte bara att leda till fler konverteringar utan det kommer också att avgöra antalet leads du möter genom söktrafik.
Googles mål är att ge bästa möjliga användarupplevelse, från sökning till svar. Om du förbättrar användarnas prestanda genom att ge dem en bra användarupplevelse kommer Google att rangordna din webbplats lättare i sökresultaten.
Hur du gör din WordPress-webbplats snabbare genom att förbättra bilder
Nu när vi har förklarat varför bilder är det bästa stället att börja, förklarar jag några enkla uppgifter du kan göra på din webbplats för att påskynda inläsningen av bilder.
Ta bort onödiga bilder
Ett av de enklaste sätten att minska sidvikten och minska antalet HTTP-förfrågningar är att begränsa antalet bilder på dina webbsidor. Om det tar längre tid än 3 sekunder att ladda en webbsida kan du överväga att ta bort objekt och bilder som inte bidrar till konverteringar.
Se alltid till att dina bilder är rätt storlek för behållaren.
Om dina bilder inte visas när din webbplats laddas är det troligtvis att dina bilder är för stora och tar för lång tid att ladda ner. För att lösa problemet måste du bestämma bildstorleken och sedan ersätta din webbplatsbild med en bild av lämplig storlek.
Se vår artikel på ändra storlek på bilder att upptäcka några metoder för att göra det.
Använd rätt format och använd nästa gen-format om möjligt
Vissa filformat är större än andra, med animerade GIF-filer som ett av de mest ineffektiva filformaten hittills. Du bör använda rätt format för att tillgodose dina behov och hjälpa dig att producera minsta möjliga filstorlek.
Optimera WordPress Fast genom att aktivera försenad lastning
Uppskjuten laddning är ett snabbt och enkelt sätt att skjuta upp laddning av bilder och andra föremål under posten. Om bilden inte finns i webbläsarfönstret väntar webbläsaren på att den laddas ner så att den kan visa vad besökaren kan se mycket snabbare.
Progressiv lastning är relativt enkel att implementera och det finns gott om lätta plugins för att få jobbet gjort. Storleken på plugin-filer är vanligtvis cirka 1-3 KB och kan konfigureras på några minuter.
Använd CDN för att påskynda inläsning av bilder
CDN har platser över hela världen, så dataöverföringen som behövs för att ladda dina bilder är mycket snabbare. Att använda en CDN för att leverera dina bilder är ett enkelt sätt att ladda bilder snabbare till WordPress.
Medan din värd kan inkludera en CDN med ditt värdkonto för att förbättra webbplatsens prestanda, var Smush Pros CDN utformad speciellt med tanke på bildoptimering.
Vill du ha ett enkelt sätt att optimera WordPress?
Du har fortfarande mycket att göra för att göra din WordPress-webbplats snabbare. Om du inte vet var du ska börja är bilderna en bra utgångspunkt. Korrekt optimerade bilder ger många fördelar och med allt-i-ett-lösningar som Dessa 5-plugins för att komprimera bilderDet är lätt att dramatiskt förbättra bilder på din webbplats på bara några minuter.
