Piltide optimeerimine Magentos: teie stardikomplekt kiiremate veebilehtede jaoks
E-kaubandus on seotud visuaalidega. Sa lihtsalt ei saa seda vältida. Tootepildid, elegantsed teemad, kasutajate loodud sisu sotsiaalmeediast – veebiostlejad tahavad näha, mida nad ostavad, ja teie veebisaidiga suhelda.
Kuid piltidega on üks suur probleem: need aeglustavad teie veebisaiti. Tõepoolest, mida suurem on teie piltide arv ja suurus, seda pikem on teie veebisaidi laadimisaeg.
Nii kiirete kui ka atraktiivsete lehtede pakkumiseks on viis – pildi optimeerimine. Selles artiklis uurime kaheksat parimat viisi, kuidas Magento pilte optimeerida, ja parimaid brauserilaiendeid selleks.
8 võimalust piltide kiiremaks laadimiseks
Pildid moodustavad 70% veebilehe kaalust ja on seega üks otsustavaid tegureid laadimiskiiruse osas. Õnneks pole Magentol tootepiltide optimeerimine nii keeruline, peate lihtsalt teadma, milliseid tööriistu kasutada. Siin on 8 parimat viisi pildi laadimisaja pikendamiseks.
#1 Pakkige ja muutke suurust
Üks levinumaid viise Magento 2 piltide optimeerimiseks on pildi tihendamine ja suuruse muutmine.
Piltide suuruse muutmine tähendab tavaliselt pikslite arvu, pildi eraldusvõime langetamist. See mõjutab pildi kvaliteeti drastiliselt, kui pikslite arv on liiga väike.
Piltide tihendamine tähendab rohkemate andmete koondamist väiksemasse ruumi. Seda saab teha kadudeta, kui võtate ära pikslite või varjundite osad, või kadudeta, kui lihtsalt vähendate faili suurust, ilma kvaliteeti muutmata.
Parim, mida saate teha, on ühendada suuruse muutmine ja tihendamine. Nii vähendate pikslite arvu nii palju, et kvaliteet pole täiuslik, kuid siiski korralik, ja seejärel kasutate kadudeta pakkimist.
Magento pakub sisseehitatud tihendustööriistu ja tihendab kujutised vaikimisi 80%-ni. See on populaarne tava, sest kui valite veelgi madalama protsendi, ei ole kasutajad rahul madala kvaliteediga tootepiltidega.
# 2 Kasutage CDN-i
Pildisisu edastamise võrgud (CDN-id) on serverite rühmad üle maailma, mis töötavad koos, et pakkuda veebisisu kiiremat edastamist. Nii et kui kasutajad pääsevad pildile juurde, ei pea nad ootama vastust väga kaugel asuvalt serverilt. CDN-id kasutavad serverit, mis on kasutajale kõige lähemal.
Samuti on nutikaid CDN-e, mis pakuvad veelgi rohkem optimeerimisruumi. Nad tuvastavad kasutaja seadme ja teostavad reaalajas pildi optimeerimist, mis on kohandatud iga seadme jaoks. Näiteks kui kasutaja laadib nutitelefoni lehe, ei vaja ta 2048 x 1536 eraldusvõimet, piisab madalama kvaliteediga pildist ja CDN-id skaleerivad pildi automaatselt ümber.
CDN on lihtsaim viis Magento 2 piltide tõhusaks optimeerimiseks, kuna kõik tehakse automaatselt ega vaja teie aktiivset osalust.
#3 Jälgige pildifailivorminguid
Reegel on fotode ja keerukate illustratsioonide puhul kasutada JPEG-vormingut ning logode ja lihtsate illustratsioonide puhul PNG- või SVG-vormingut. Siiski on vähem tuntud formaat — WebP. Põhjus, miks see vorming veebiarenduses üha populaarsemaks muutub, on see, et see pakub sama kvaliteeti kui JPEG või PNG, kuid failimahud on väiksemad. Nii laaditakse teie pilte ja lehti kiiremini.
WebP-d toetavad suuremad brauserid, nagu Chrome, Edge, Opera, Firefox jne. Siiski peaksite arvestama, et WebP-faile Safaris ja IE-s ei kuvata.
Soovitame kasutada JaJuMa WebP optimeeritud pildid laiendus Magento 2-s. Saate üles laadida nii JPEG- kui ka WebP-vormingus pildi ning see Magento 2 WebP-pildilaiend valib õige vormingu selle põhjal, millist brauserit veebisaidi külastaja kasutab.
#4 Kasutage igal võimalusel vektorpilte
Vektorpildid ei koosne pikslitest. Kui te neid sisse suumite, ei näe te hägusaid servi ega sirgeid ruute. Nii salvestate väikese failisuurusega pildi ja saate selle suurust muuta nii suureks, kui soovite – see jääb samaks kõrge kvaliteediga ja failisuurusega. Seetõttu on soovitatav kasutada nii palju kui võimalik vektorkujutisi rasterpiltide asemel, et tõsta piltide kvaliteeti ilma veebisaidi jõudlust vähendamata.
Tähelepanuväärne on, et vektorpilte kasutatakse ainult lihtsate illustratsioonide ja logode jaoks.
# 5 Asendage mittevajalikud pildid fontide ja ikoonidega
Jah, pildid aitavad kasutajaid meelitada ja ergutada ümberarvestuskursid. Kuid piisava ja liiga paljude piltide vahel on väike piir. Kui see ületada, saate ilusa (võib-olla liiga umbse), kuid aeglase veebisaidi. Kasutajad ei hooli teie piltidest, kui nad ei saa veebisaiti laadida, seega on parem asendada mittevajalikud pildid fontide ja ikoonidega.
#6 Lubage Fastly IO
Kiire pildi optimeerimine Magento 2-s on sisseehitatud tööriist piltide automaatseks optimeerimiseks: see muudab suurust, kärbib, reguleerib suhtevormingut ilma või minimaalse inimese sekkumiseta. Tööriist toetab järgmisi vorminguid: JPEG, WebP, PNG, GIF ja animeeritud GIF. Adobe soovitab kasutada seda tööriista Magento veebisaitidega, kuna e-kaubandus on täis pilte ja neid kõiki käsitsi optimeerida on tüütu.
#7 Kasutage laisklaadimispilte
Laisk piltide laadimine on tava, mis lükkab visuaalide laadimist edasi, kuni kasutaja kerib veebilehe selle osani, kus neid tegelikult vaja on. See parandab oluliselt veebisaidi jõudlust ja kuvab sisu kasutajale palju kiiremini. Arvestades, et kasutajad ei oota, kui veebisaidi laadimiseks kulub rohkem kui 3 sekundit, on laisalt laaditavad pildid suurepäraseks säästmiseks igale e-kaubanduse ettevõttele.
#8 Kasutage SEO jõudu alternatiivsete atribuutidega
Alt atribuudid, aka alt sildid, on pildi tekstialternatiiv, fotol toimuva tekstikirjeldus. Need on olulised Magento SEO seadistus, mis tõstab lehe asetust ja aitab nägemispuudega kasutajatel mõista pildi konteksti.
Otsingumootorid võtavad arvesse ka alt-silte. Kui on lehe sisuga seotud märksõnu, leiavad veebiindeksoijad teie lehe veelgi asjakohasemaks.
Alternatiivset teksti ei looda aga märksõnade täitmiseks. Kujutise kirjeldamisel on parem kasutada tervet mõistust: olge konkreetne selles, mida tegelikult kujutatakse. Samuti ärge kasutage selliseid sõnu nagu "Pildil näeme" või "Pildil on...". Lihtsalt kirjutage pildil kujutatu nagu allolevas näites:
Parimad Magento pildi optimeerimise laiendused
Usaldusväärsete Magento pildi optimeerimise laienduste kasutamine on suurepärane viis visuaalide kiire laadimise tagamiseks ilma suure käsitsitööta.
Apptriani pildi optimeerija
Apptriani pildi optimeerija sellel on piiratud funktsioonid ja tasuline juurdepääs toele, kuid selle kasutamine on tasuta. Saate optimeerida mitut pilti ühe klõpsuga ja vähendada nende suurust ebaolulise kvaliteedikaotusega. Tasuline versioon pakub optimeerimiseks rohkem konfiguratsiooni.
Magento 2 jõudluse optimeerimise teenus
Magento 2 jõudluse optimeerimise teenus pakub enamat kui pildi optimeerimine. Samuti saate liita CSS- ja JS-faile, minimeerides nende suurust, sõeluda JavaScripti, minimeerida HTML-i, jälgida protsessori- ja mälukasutust jne. Mis puutub pildiosasse, siis saate otsida Magentost kõiki pilte, et kaitsta oma veebisaiti ülekoormamise eest. optimeerimine, optimeerib automaatselt JPEG-, PNG- ja GIF-faile. Lahendus maksab 699 dollarit.
Pildi optimeerija Magento 2 jaoks
koos Pildi optimeerija Magento 2 jaoks, saate tihendada ja optimeerida PNG-, JPG-, GIF-, TIF- ja BMP-vorminguid, valida kadudeta ja kadudeta pakkimise vahel, automatiseerida optimeerimist ja jätta ruumi algse pildi varundamiseks ning määrata laiendile ainult konkreetsed kataloogid. soovite optimeerida iga poes leiduvat pilti. Lahendus maksab 99 dollarit.
Partner teie lehe laadimiskiiruse parandamiseks
Magento 2 pildi optimeerimine on iga e-poe oluline osa. Kuna e-kaubanduse veebisaidid kasutavad oma toodete esitlemiseks aktiivselt pilte ja piltide laadimine on väga aeglane, võivad kasutajad teie ettevõttest loobuda enne, kui saavad teie pakutavast ülevaate.
Pildi optimeerimine on üks paljudest aspektidest Magento jõudluse optimeerimine. Te ei pea koodi ümber kirjutama ega oma e-kaubanduse arhitektuuri ümber mõtlema.
Kuid kui pildi optimeerimisest ei piisa või olete lihtsalt liiga hõivatud, et veebisaidi kiirusega tegeleda, on parem jätta keerukad tehnilised ülesanded ekspertide (või jõudluse optimeerimise friikide, nagu meie Elogicu!) hooleks.
CTA: tehke koostööd sertifitseeritud Magento agentuuriga ja jätke välkkiire laadimiskiirusega unustamatu esmamulje.
Tehke koostööd sertifitseeritud Magento agentuuriga
Optimeerige oma pilte ja jätke välkkiire laadimiskiirusega unustamatu esmamulje
Magento pildi optimeerimise KKK
Kas Magento 2 tihendab pilte?
Jah, Magento kujutise tihendamise vaikesätted on olemas. Tööriist pole aga kaugeltki täiuslik. Sisseehitatud Magento funktsiooni automaatne tihendamine on liiga agressiivne ja tulemuseks on madala kvaliteediga pildid. See töötab ka ainult tootepiltide, mitte ajaveebi ega sihtlehtede puhul. Soovitame kasutada laiendust või pöörduda Elogicu professionaalide poole, et ülesanne teie eest ära teha.
Kas pildi optimeerimine tõesti parandab Magento poe toimivust?
Jah. Pildid moodustavad 70% lehe suurusest. Kui teil on võimalik piltide suurust vähendada, saate oluliselt vähendada ka lehe suurust ja seeläbi parandada veebisaidi jõudlust.
Millised on optimeerimiseks parimad pildivormingud?
Traditsiooniliselt kasutavad veebisaidid fotode jaoks JPEG-vormingut ja logode ja lihtsa graafika jaoks PNG-vormingut. Kõige kergem formaat varasemate vormingute kvaliteediga on aga WebP. Soovitame pilte üles laadida nii JPEG- või PNG- kui ka WebP-versioonides, kuna kõik brauserid ei toeta uut vormingut.
Kas pildi optimeerimine mõjutab SEO-d?
Jah, kahel viisil. Esiteks saate pildi optimeerimisega tõsta veebisaidi jõudlust ja pole saladus, et Google arvestab laadimiskiirusega. Teiseks saate pilte optimeerida alternatiivtekstiga, võimaldades Google'il teie pilte lugeda. Kui pilt ja järelikult ka selle alternatiivtekst on sisuga seotud, võite saada täiendavaid asjakohasuse punkte.
- "
- &
- 67
- 7
- juurdepääs
- konto
- tegevus
- aktiivne
- Adobe
- Materjal: BPA ja flataatide vaba plastik
- Lubades
- arhitektuur
- ümber
- artikkel
- Varundamine
- BEST
- blogid
- võimendamine
- brauseri
- äri
- ostma
- mis
- Kroom
- kood
- ühine
- sisu
- kulud
- põllukultuuride
- andmed
- tegelema
- viivitusi
- tarne
- & Tarkvaraarendus
- pood
- serv
- jms
- ekspertide
- laiendused
- silm
- KIIRE
- tunnusjoon
- FUNKTSIOONID
- lõpp
- Firefox
- esimene
- formaat
- tasuta
- täis
- gif
- suur
- siin
- Suur
- Kuidas
- Kuidas
- HTTPS
- pilt
- Suurendama
- IT
- JavaScript
- komplekt
- kiht 1
- Kiht 2
- Finantsvõimendus
- piiratud
- joon
- koormus
- liising
- peamine
- Meedia
- võrgustikud
- pakkuma
- Pakkumised
- Internetis
- Opera
- partner
- jõudlus
- pilt
- populaarne
- võim
- Toode
- Toodet
- spetsialistid
- kaitsma
- kvaliteet
- reaalajas
- vähendama
- vastus
- safari
- Otsing
- tunne
- seo
- kehtestamine
- Ostjad
- lihtne
- SUURUS
- väike
- nutikas
- nutikas telefon
- So
- sotsiaalmeedia
- Sotsiaalse meedia
- Ruum
- kiirus
- salvestada
- toetama
- Toetatud
- Toetab
- maailm
- aeg
- ülemine
- jälgida
- Kasutajad
- ootama
- Watch
- web
- veebisait
- veebilehed
- Mis on
- sõnad
- Töö
- töötab
- maailm
- X
- zoom