I 2019 är den genomsnittliga mobila webbsidestorleken 1,6 MB. Bilder representerar vanligtvis ungefär hälften av den genomsnittliga webbsidan eftersom deras användning kräver mycket resurser.
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
Webben är nu ett multimediarikt landskap med videor, poddsändningar och fler bilder än någonsin tidigare. Bilder kan hjälpa din webbplats att sticka ut i ett myllrande medielandskap, men de kostar. Om du inte visar dina bilder korrekt kan din webbplats vara i nackdel. Om du får bilder att laddas snabbare kan du förbättra din webbplats prestanda, ge en mobilvänlig användarupplevelse, förbättra SEO och öka konverteringarna.
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 prestandan och spara diglogi. Din värd tar mer betalt för det diskutrymme som alla dessa stora bilder 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 skrivbord i ett litet fönster slösar du bort data. För dina besökare som inte har obegränsad dataplaner kan det vara väldigt frustrerande och dyrt.
Den sökoptimerade bilden är tillbaka
Google har inte bara ändrat effekten av mobiloptimering på rankningar, utan det har också förändrat sättet på hur bildsökningsresultat visas, vilket har lett till djupgående förändringar i rankingen. SEO bilder .
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.
Även om din värd kan inkludera ett CDN med ditt kontologi För att förbättra din webbplats prestanda har Smush Pros CDN utformats specifikt med bildoptimering i åtanke.
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.