OPTIMIZAȚI imaginile WordPress Cum să le comprimați; ușurați-le

Astăzi 62% din traficul web global este format din imagini ! Site-urile noastre WordPress nu fac excepție, sunt pline de imagini pe prima pagină, în corp, în widgeturi ... Pe scurt, există peste tot !

Este adevărat că un site WordPress cu imagini este mult mai frumos și asta ilustrează ideea ... Cu toate acestea, aceștia sunt mari consumatori de resurse, în special a lățimii noastre de bandă și, de fapt, ne prelungește timpul de încărcare.

Web-ul ar trebui să fie rapid !

Cu toate acestea, știm cu toții asta Google și vizitatorii noștri doresc ca site-ul nostru să fie rapid. Prea puțini dintre noi ne pasă de aceste perioade de încărcare, dar când știm ce costă:

  • Un site care se încarcă în mai mult de 5 secunde are o rată de respingere de 2 ori mai mare decât un site care se încarcă în 1 secundă
  • O singură secundă de supraîncărcare poate costa până la 7% din rata de conversie
  • 20% dintre utilizatori își abandonează coșul din cauza timpului de încărcare

Imagini și WordPress

Format imagine

Cele mai utilizate formate de imagine de pe web sunt:

  • PNG: Format care gestionează transparența, cam greu și adesea folosit pentru sigle
  • Jpeg: Format utilizat pentru comprimarea imaginii, mai ușor, dar în detrimentul calității și transparenței
  • GIF: Format care susține animația, mai puțin utilizat decât cele două anterioare

Greutatea imaginilor

Greutatea unei imagini este de fapt dimensiunea fișierului de imagine în octeți (sau kilobyți sau megabyți), calculăm după cum urmează: Greutatea unei imagini în octeți este egală cu numărul de pixeli care alcătuiesc imaginea înmulțit cu numărul de octeți care alcătuiesc un pixel.

Greutatea și dimensiunile nu sunt neapărat inseparabile, va fi necesar să se țină cont de rezoluție. Așa că pot configura perfect o imagine de fundal foarte largă, cu o greutate foarte modestă.

Ce rost are și punerea imaginilor cu o lățime mai mare de 2500 px? Nu ! Majoritatea ecranelor vizitatorilor dvs. rulează în 15, 17 și 19 ”, ca să nu mai vorbim de utilizatorii de tablete și telefoane.

Ce dimensiune a imaginii pentru WordPress-ul meu ?

Primul lucru de făcut atunci când plasați o imagine pe WordPress este să determinați dimensiunea acesteia. Într-adevăr, ce lățime pentru imaginea ilustrată a articolului meu ?

Imaginea de mai jos vă anunță. Cu ajutorul browserului dvs. web, inspectați elementele și veți obține informații despre lățimea maximă de utilizat.

În acest exemplu pe tema mea, putem vedea că lățimea maximă este de 1140 px și că pe o pagină/articol cu ​​bara laterală lățimea maximă este de 720 px:

imaginile

WordPress, imagini și timp

Faceți un test foarte simplu pe WordPress, analizați timpul petrecut încărcându-vă și aruncați o privire bună asupra conținutului înfometat de resurse.