V 2019 je priemerná veľkosť mobilnej webovej stránky 1,6 MB. Obrázky zvyčajne predstavujú asi polovicu priemernej webovej stránky, pretože ich použitie si vyžaduje veľa zdrojov.

Ak ste optimalizáciu obrázkov nikdy nebrali vážne a vaša stránka WordPress je pomalá, môžete všetko získať tým, že to urobíte správne. Ak sa vaše obrázky načítavajú pomaly, zvyčajne to znamená, že máte problém WordPress blog. Zameraním sa na obrázky sa môžete vyhnúť mnohým problémom s výkonnosťou stránok.

V tomto návode vysvetlím, prečo je optimalizácia obrázkov najlepším východiskovým bodom na optimalizáciu výkonu vášho počítača WordPress blog. Prejdeme si aj niekoľko tipov, ktoré vám pomôžu začať, ak potrebujete opraviť pomalé načítavanie obrázkov WordPress.

Prečo by ste pri zvažovaní zlepšenia výkonu mali začať obrázkami

Web je teraz multimediálnou krajinou s videami, podcastmi a väčším množstvom obrázkov ako kedykoľvek predtým. Obrázky môžu pomôcť vašej stránke vyniknúť v preplnenom mediálnom prostredí, no niečo stojí. Ak svoje obrázky nezobrazujete správne, vaša stránka môže byť v nevýhode. Ak zrýchlite načítavanie obrázkov, môžete zlepšiť výkonnosť svojich stránok, poskytnúť používateľskú skúsenosť prijateľnú pre mobilné zariadenia a zlepšiť SEO a zvýšiť konverzie.

Obrázky sú horšie, keď sú zle vykonané

Nadmerne veľké obrázky skutočne vážia vaše webové stránky.

Ak zacieľujete na webovú stránku veľkosť súboru 1,5 MB a každý z nich pridáva niekoľko obrázkov 2 MB, tento limit presiahnete jediným obrázkom.

Ale obrázky môžu byť beaucoup väčší. Priemerná veľkosť súboru vyprodukovaná priemernou digitálnou zrkadlovkou je medzi 4 a 12 MB! Ak neviete lepšie a použijete obrázok 12 MB, alebo v horšom prípade viac ako obrázok 12 MB, potom skutočne poškodíte výkon svojej stránky.

Ak získate kombinované obrázky s veľkosťou menej ako 1 MB, môžete potenciálne znížiť svoju váhu stránky o 20 MB. Je zrejmé, že ide o veľké preháňanie, ale má ilustrovať, koľko prebytku sa môže pridať, ak to neurobíte správne.

Niečo také jednoduché, ako je zmena veľkosti obrázkov, môže výrazne zvýšiť výkon a ušetriť vásubytovanie. Váš hostiteľ vám účtuje viac za miesto na disku, ktoré zaberajú všetky tie veľké obrázky.

Žijeme v prvom mobilnom svete

Optimalizáciou obrázkov pre mobil zabezpečujete skvelý používateľský zážitok používateľom všetkých typov zariadení, aby sa na váš web neustále vracali.

Popularita mobilných zariadení prudko vzrástla do tej miery, že teraz žijeme vo svete, v ktorom sa mobilné telefóny najviac využívajú. V júli 2018 spoločnosť Google oznámila, že rýchlosť stránky bola hodnotiacim faktorom pre mobilné vyhľadávanie.

To znamená, že pri vytváraní stránok sa musíte uistiť, že poskytujete obrázky vhodné pre mobilné zariadenia, ktoré majú pomalšie dátové pripojenie.

Ak v malom okne streamujete obrázky Retina určené pre pracovnú plochu, zbytočne strácate dáta. Pre vašich návštevníkov, ktorí nemajú neobmedzené dátové plány, to môže byť veľmi frustrujúce a drahé.

Obrázok optimalizovaný pre vyhľadávanie je späť

Google nielenže zmenil vplyv mobilnej optimalizácie na hodnotenie, ale zmenil aj spôsob zobrazovania výsledkov vyhľadávania obrázkov, čo viedlo k zásadným zmenám v hodnotení. SEO snímky .

Teraz, keď sa vaše obrázky zobrazia vo Vyhľadávaní obrázkov, môžete na svoj web privádzať prenos.

V roku 2013 Google pridal do výsledkov vyhľadávania obrázkov tlačidlo na prezeranie obrázkov. Keď niekto klikol na toto tlačidlo, nasmeroval sa priamo na obrázok namiesto webovej stránky, na ktorej bol obrázok. Stránky oznámili 63% pokles návštevnosti vďaka vyhľadávaniu obrázkov.

V roku 2018 bol Google nútený odstrániť tlačidlo na zobrazenie obrázkov, takže sa prevádzka začala znova hrnúť. Existuje veľa možností, ako sa môžu vaše obrázky dobre zaradiť, pretože SEO zanedbali optimalizáciu SEO obrázkov.

Optimalizácia obrázka ovplyvňuje dolný riadok

Obrázky môžu spomaliť vaše stránky WordPress, ak nie sú správne zobrazené a môžu znížiť váš konverzný pomer.

Ak predávate na svojich stránkach produkty, môžete ich použiť test rýchlosti stránky pre mobilné stránky Google aby som vám ukázal sumu vášho potenciálneho príjmu. Na stránke s výsledkami posuňte zobrazenie nadol a otvorte sekciu Posúdiť vplyv rýchlejšej stránky.

Zachyťte príjem z google
Toto číslo je dosť presvedčivý argument

Nielen, že optimalizácia obrazu prinesie viac konverzií, ale tiež určí počet potenciálnych zákazníkov, ktorých stretnete v rámci prenosu z vyhľadávania.

Cieľom spoločnosti Google je poskytovať čo najlepší používateľský zážitok od vyhľadávania po odpoveď. Ak zvýšite užívateľský výkon tým, že im poskytnete skvelý používateľský dojem, Google ľahšie zaradí vaše stránky do výsledkov vyhľadávania.

Ako zrýchliť svoje stránky WordPress vylepšením obrázkov

Teraz, keď sme vysvetlili, prečo sú obrázky najlepším miestom na spustenie, vysvetlím niekoľko jednoduchých úloh, ktoré môžete urobiť na svojom webe, aby ste urýchlili načítanie obrázkov.

Odstráňte nepotrebné obrázky

Jedným z najjednoduchších spôsobov, ako znížiť váhu stránky a znížiť počet požiadaviek HTTP, je obmedziť počet obrázkov na vašich webových stránkach. Ak sa načítanie webovej stránky trvá dlhšie ako 3 sekundy, zvážte odstránenie položiek a obrázkov, ktoré neprispievajú ku konverziám.

Vždy sa uistite, že obrázky majú správnu veľkosť pre ich kontajner.

Ak sa vaše obrázky nezobrazujú pri načítaní vášho webu, je to pravdepodobne preto, že sú vaše obrázky príliš veľké a ich stiahnutie trvá príliš dlho. Ak chcete vyriešiť tento problém, musíte určiť veľkosť obrázka a potom nahradiť obrázok svojej lokality obrázkom príslušnej veľkosti.

Pozri náš článok zmena veľkosti obrázkov objaviť niektoré spôsoby, ako to urobiť.

Použite správny formát a podľa možnosti použite formáty next-gen

Niektoré formáty súborov sú väčšie ako iné, pričom animované súbory GIF sú jedným z najefektívnejších formátov súborov. Mali by ste použiť správny formát, ktorý vyhovuje vašim potrebám a pomôže vám vytvoriť najmenšiu možnú veľkosť súboru.

Optimalizujte WordPress rýchlo povolením oneskoreného načítania

Odložené načítanie je rýchly a ľahký spôsob, ako odložiť načítanie obrázkov a ďalších položiek pod poštou. Ak sa obrázok nenachádza v okne prehliadača, prehľadávač počká na jeho stiahnutie, aby mohol oveľa rýchlejšie zobraziť to, čo vidí návštevník.

Realizácia progresívneho zaťaženia je pomerne jednoduchá a na splnenie úlohy existuje veľa ľahkých doplnkov. Veľkosť súborov doplnkov je zvyčajne okolo 1 - 3 kB a je možné ich nakonfigurovať za pár minút.

Na urýchlenie načítania obrázkov použite CDN

Sieť CDN má pobočky po celom svete, takže prenos dát potrebný na načítanie vašich obrázkov je oveľa rýchlejší. Používanie siete CDN na doručovanie obrázkov je ľahký spôsob, ako načítať obrázky rýchlejšie do WordPress.

Hoci váš hostiteľ môže obsahovať CDN s vaším účtomubytovanie Na zlepšenie výkonu vašich stránok bol CDN Smush Pro navrhnutý špeciálne s ohľadom na optimalizáciu obrázkov.

Chcete jednoduchý spôsob optimalizácie WordPress?

Stále musíte urobiť veľa pre to, aby sa vaša stránka WordPress zrýchlila. Ak neviete, kde začať, obrázky sú dobrým východiskovým bodom. Správne optimalizované obrázky poskytujú mnoho výhod as riešeniami typu všetko v jednom, ako napríklad tieto 5 pluginy komprimujú obrázkyJe ľahké dramaticky vylepšiť obrázky na vašom webe behom niekoľkých minút.