6 manieren om ôfbyldings te optimalisearjen foar bettere webprestaasjes

6 manieren om ôfbyldings te optimalisearjen foar bettere webprestaasjes
Rick Davis

Minsken binne fisuele skepsels, en ûndersyk stipet dat feit. Nei mar trije dagen binne retentieraten foar tekst binnen it berik fan mar 10% -20%. Mar foar ôfbyldings kinne retinsjesifers sa heech wêze as 65%. It brein ûntfangt 90% fan fisuele ynformaasje en ferwurket it 60.000 kear rapper. Sûnder twifel spylje bylden in krityske rol yn webside-engagement.

It duorret lykwols folle mear dan gewoan wat ôfbyldings út te kiezen en se om jo side te pleatsen. Swiere ôfbyldings ferbrûke in soad bânbreedte, fertraging de snelheid fan it laden fan pagina's. Sykmasines sille de trage prestaasjes fernimme en jo bestraft wurde mei in lege ranglist.

Us artikel sil jo seis ferskillende manieren sjen litte om ôfbyldings te optimalisearjen foar bettere webprestaasjes yn 2021.

Ofbyldingsoptimalisaasjetips foar bettere webprestaasjes yn

Litte wy sizze dat jo websiden ûntwerpe foar non-profit organisaasjes en jo wolle graach in protte ôfbyldings brûke om jo wurk te sjen. Donateurs, sponsors en oare belanghawwenden brûke sokke ynformaasje as basis foar trochgeande stipe. As jo ​​​​de ôfbyldings lykwols net optimalisearje, sille de brûkersûnderfining en belutsenens lije. It grutste probleem sil it stadige laden fan siden en time-out-antwurden wêze.

Ofbyldingsoptimalisaasje ferwiist nei alle stappen dy't jo nimme om de grutte, opmaak of resolúsje fan de bestannen te ferminderjen. Jo kinne dit dwaan sûnder de kwaliteit fan 'e ôfbyldings te kompromittearjen.

Litte wy wat fan jo besjenopsjes.

Marketing Campaign Yllustraasje troch Deemak Daksina

Sjoch ek: Hoe kinne jo in grafysk ûntwerpportfolio meitsje + 16 bêste foarbylden

1. Begjin mei in byldoptimalisaasjekontrôle

In byldoptimalisaasjekontrôle sil relevante ynformaasje leverje foar wêr't jo ferbetterje moatte.

Begjin troch in ynventarisaasje út te fieren fan 'e ôfbyldings dy't jo op jo side hawwe. Relevante tests sille alle problemen diagnostisearje dy't jo moatte oanpakke.

De kontrôle kin bygelyks sjen litte dat jo tefolle ôfbyldings hawwe. It sil ek jo ôfbyldingsopmaak sjen litte en jo kinne de folgjende aksje bepale. Bygelyks, it fuortsmiten of feroarjen fan de bestânsformaten kin de snelheid fan it laden fan side signifikant ferbetterje.

2. Kies it goede formaat foar de ôfbyldings

Ofbyldbestannen komme yn ferskate formaten. Dit binne de trije meast foarkommende soarten ôfbyldingsformaten foar webapplikaasjes dy't jo witte moatte:

  • PNG hat it foardiel fan in ôfbylding fan tige hege kwaliteit te wêzen. Spitigernôch, om dit te berikken, is de triemgrutte heul grut. Se wurkje goed foar ienfâldige ôfbyldings en logo's en jouwe kompresje sûnder ferlies.
  • JPEG's binne de meast foarkommende oer de measte websiden. Se binne poerbêst foar komplekse, kleurige ôfbyldings. Jo moatte lykwols foarsichtich wêze by it komprimearjen fan JPEG-ôfbyldings, om't ferlies fan dúdlikens kin resultearje, hoe lytser de ôfbylding wurdt. Guon minsken ferwize nei dit as lossy.
  • GIF wurket foar animaasjes, lytse ikoanen en ôfbyldings mei lege res. It soarget foar kompresje sûnder ferlies, mar jo kinne allinich brûkeoant 256 kleuren.

Bewarje ikoanen fan Andreas Storm

3. Feroarje en komprimearje de ôfbyldings

Jo hawwe miskien opfallen dat de ôfbyldings bytsje foar bytsje lykje te laden. Guon tiid sil foarby gean foardat jo krije te sjen de folsleine ôfbylding; in teken dat de plaatsjes wierskynlik te swier binne. Feroarje of komprimearje sil it probleem soargje.

Tink derom dat jo gjin ôfbyldings moatte uploade foardat jo se optimalisearje. En foar bêste kwaliteit, stribjen nei bestannen binnen it berik fan 1 oant 2 MB.

Brûk it bysnijd ark om de grutte fan de ôfbyldings te feroarjen. It helpt de triemgrutte te ferminderjen, wat resulteart yn in bettere side-laden snelheid. Jo hawwe tonnen ark beskikber foar jo gebrûk.

It komprimearjen fan ôfbyldings helpt de triemgrutte te ferminderjen. Mar jo kinne de ôfbylding ferdraaie as jo it te folle komprimearje. Lege kompresje kin ideaal wêze as jo de byldkwaliteit behâlde wolle; lykwols, it fermindert de grutte net signifikant.

Soarten kompresjes

Der binne twa begripen dy't wy hjirboppe al neamd hawwe, lossless vs lossy compression.

  • Kompresje sûnder ferlies behâldt byldkwaliteit by it fuortheljen fan ûnnedige metadata.
  • Kompresje mei ferlies ferminderet de triemgrutte troch guon fan 'e eleminten kwyt te reitsjen. It kin de byldkwaliteit kompromittearje. Jo kinne lykwols it ferskil net fernimme. Dat, it kin noch altyd in poerbêste manier wêze om ôfbyldings te komprimearjen.

De juste ôfbyldingsbewurker sil jo helpe om te bepalen hokkerkompresje wurket it bêste foar jo.

4. Mobile-earste ôfbyldingsoptimalisaasje

Alle stappen dy't jo nimme moatte in mobyl-earste SEO-strategy folgje, om't Google oerstapt nei mobile earste ranglist. De ôfbyldings moatte itselde sjen op elk mobyl apparaat as op elk buroblêdapparaat. In enoarme hoemannichte ynternetferkear komt fia sokke apparaten.

Sjoch ek: Hoe kinne jo Pantone's 2021-kleuren fan it jier brûke yn jo ûntwerpen

As de brûkers net dwaande binne mei in goede UX by it brûken fan mobile apparaten, sille jo se ferlieze.

Beskôgje it optimalisearjen fan ôfbyldings foar mobyl-earst. As it der goed útsjocht op it lytse skerm, sil it fantastysk sjen op in buroblêd of laptop.

ASO-optimisaasje troch Abbi_Kerimov

5. Bestânsnammen en har ynfloed op SEO

Ofbyldoptimalisaasje fereasket ek dat jo omtinken jaan oan hoe't jo de bestannen neame. Alle aksjes dy't jo nimme moatte it doel hawwe om sichtberens op 'e sykmasines te ferbetterjen. As jo ​​​​in foto uploade of meitsje, sil it apparaat it automatysk in bestânsnamme jaan. Dizze namme omfettet typysk willekeurige koade of sifers. It kin lykje wat as 2224444.jpg.

It opladen fan de ôfbylding sa't it is op jo webside sil de sykmasines hielendal net helpe.

Meitsje it makliker foar webcrawlers om jo te finen troch beskriuwende labels oan elke ôfbylding te jaan. Meitsje relevante kaaiwurden op dy't ynformaasje jouwe oer jo bedriuw of side.

6. Beskôgje it gebrûk fan lazy loading

It loai laden fan ôfbyldings is krekt sa't de namme oanjout. Yn plak fanit hiele byld laden yn ien kear, it soarte fan unfolds. De ôfbylding bliuwt laden hoe mear de online besiker de side del rôlet.

Lazy laden lit allinich sjen wat op dat stuit relevant is. Jo sille úteinlik besparje op bânbreedte, om't jo gjin oerstallige boarnen sille brûke.

Laden... troch Dona

Lêste gedachten

Webprestaasjes is in krityske rangfaktor dy't sykmasjines brûke. Google sil jo side bestraft as de side-ladensnelheden leech binne.

In protte faktoaren bepale sidesnelheden, en ôfbyldingsgebrûk kommando's ien fan 'e topposysjes. As jo ​​ôfbyldings net optimalisearje, sille jo webprestaasjes lije. De siden sille stadich laden, en de brûkersûnderfining en belutsenens sille net goed wêze.

Kies it juste byldformaat. Brûk dan techniken lykas feroarjen fan grutte en komprimearjen om de triemgrutte te ferminderjen. Plan reguliere sidetests en sidekontrôles om de prestaasjes fan 'e side te kontrolearjen.




Rick Davis
Rick Davis
Rick Davis is in betûfte grafysk ûntwerper en byldzjende keunstner mei mear as 10 jier ûnderfining yn 'e yndustry. Hy hat wurke mei in ferskaat oan kliïnten, fan lytse startups oant grutte bedriuwen, en hat har holpen om har ûntwerpdoelen te berikken en har merk te ferheegjen troch effektive en ynfloedrike fisuele.In ôfstudearre fan 'e School of Visual Arts yn New York City, Rick is hertstochtlik oer it ferkennen fan nije ûntwerptrends en -technologyen, en konstant de grinzen ferdriuwe fan wat mooglik is op it fjild. Hy hat in djippe ekspertize yn software foar grafysk ûntwerp, en is altyd entûsjast om syn kennis en ynsjoch te dielen mei oaren.Neist syn wurk as ûntwerper, Rick is ek in tawijd blogger, en is wijd oan dekking fan de lêste trends en ûntjouwings yn 'e wrâld fan grafysk ûntwerp software. Hy is fan betinken dat it dielen fan ynformaasje en ideeën de kaai is foar it befoarderjen fan in sterke en libbene ûntwerpmienskip, en is altyd entûsjast om online te ferbinen mei oare ûntwerpers en kreativen.Oft hy in nij logo foar in klant ûntwerpt, eksperimintearret mei de nijste ark en techniken yn syn atelier, of skriuwt ynformative en boeiende blogposts, Rick is altyd ynsette foar it leverjen fan it bêste mooglik wurk en helpt oaren om har ûntwerpdoelen te berikken.