Greutatea imaginilor cum sunt; optimizați în WordPress
Cu ceva timp în urmă, ne-am uitat la importanța dimensiunilor imaginilor în WordPress. Cu toate acestea, această măsurare nu este singura de luat în considerare. Cel puțin, dacă aveți în minte performanța optimă a site-ului dvs. Intr-adevar, trebuie luată în considerare și greutatea.
Și, spre deosebire de ceea ce s-ar putea crede, unul nu este neapărat legat de celălalt. Cu siguranță, o imagine mai mică va fi neapărat mai ușoară. Cu toate acestea, alți factori intră în joc, cum ar fi calitatea și formatul.
Alegeți formatul imaginilor dvs.
Din punct de vedere al formatului de imagine, alegerea este încă destul de limitată. Nu este rău, deoarece ne ușurează treaba! Deci, PNG sau JPEG? Există deja o chestiune de greutate. Într-adevăr, media PNG poate cântări foarte repede de două până la trei ori mai mult decât conținutul JPEG. Acesta este motivul pentru care este recomandat să alegeți acest format dacă aveți un blog sau un magazin de comerț electronic. Nu numai că este ideal pentru bibliotecile media WordPress mari. Dar este, de asemenea, să redați cel mai bine fotografiile care conțin în mod natural multe culori.
Cu toate acestea, nu aruncați PNG prea repede în coșul de gunoi! Pentru că are și punctele sale forte. Principalul lucru este să gestionăm transparența. Activ care nu oferă JPEG, știți-l. PNG este, prin urmare, ideal pentru obiecte grafice sau sigle care se integrează aici sau acolo pe site-ul dvs. WordPress. Mai ales că este posibil să acționăm în funcție de greutate ... Dar vom reveni la asta puțin mai târziu.
Tentația SVG
Desigur, puteți să mă certați cu privire la utilizarea PNG-urilor. Pentru că nimic mai bun pentru a lucra pe o siglă sau o pictogramă decât un format SVG. Acest lucru este foarte la modă într-un moment în care trebuie să gândiți receptiv și să vă imaginați un site web care poate fi transpus pe computer, tabletă și telefon. Într-adevăr, are avantajul de a se extinde și a se micșora aproape infinit, fără pierderi de calitate. În plus, pentru tipurile de elemente definite mai sus, fișierul poate fi de până la zece ori mai ușor decât un PNG sau JPEG. Numai că, dacă ați încercat vreodată să încărcați un fișier SVG pe WordPress, cu siguranță ați primit acest mesaj.
Într-adevăr, WordPress nu acceptă în mod nativ acest tip de fișier. În special din motive de securitate, deoarece este foarte ușor să injectați cod în SVG-uri. Și astfel infectați-vă site-ul ...
Cu siguranță, este posibil să forțezi WordPress să accepte transferul de fișiere SVG cu câteva linii de cod în funcțiile.php ale temei tale. Cu toate acestea, acest lucru nu este recomandat, din nou din motive de securitate. Va trebui să verificați manual codul fiecărui fișier înainte de a le trimite. Această sarcină poate fi configurată prin PHP. Dar cea mai ușoară cale este totuși să delegați toate aceste operații prin pluginul de referință în materie: Safe SVG. Cu toate acestea, este justificat adăugarea unui plugin pentru afișarea pictogramelor? Mai ales într-un moment în care o bibliotecă precum Font Awesome oferă multe dintre ele gratuit. Acest lucru pe lângă faptul că este foarte ușor de instalat. Dar te las să te hotărăști !
În ceea ce privește imaginile mai complexe, SVG este mai degrabă de uitat. Într-adevăr, adăugarea de detalii crește considerabil greutatea imaginii la greutate mult dincolo de formatele PNG și JPEG.
Renunță la moda GIF ?
Un alt format foarte distractiv și interesant: gif-ul! Dar da, aceste mici imagini animate popularizate de Giphy și devin esențiale pe rețelele de socializare! Mai mult, în ultimii ani, greutatea lor a fost mult optimizată pentru a se potrivi peste tot în ciuda animației lor. Problemă: animație care poate adăuga timp de încărcare pe site-ul dvs. Mai ales dacă gif-ul este nativ, adică recuperat din biblioteca media WordPress. Prin urmare, primul sfat va fi să limitați numărul de gif-uri de pe aceeași pagină. Pe de altă parte, dacă nu oferiți gif-uri de casă (aveți grijă la dimensiunea lor), optați pentru opțiunile de integrare oferite de bibliotecile existente. Ca aceasta:
Imagini, o miză pentru Google ...
Nu vă înșelați. Formatul imaginii nu este un aspect minor. Mai ales când vine vorba de proiectarea unui site web. Mai mult, depășește simpla problemă a performanței și se extinde la cea a SEO. Acest lucru se datorează faptului că performanța site-ului dvs. este luată în considerare atunci când algoritmul Google își calculează rangul de pagină pentru motorul său de căutare. În ce proporție? Nu ți-aș putea spune. Dar suficient pentru ca firma Mountain View să ofere un instrument special dedicat examinării performanțelor site-ului dvs.: Google Page Speed.
O altă dovadă, dacă există, este că în 2010 Google și-a dezvoltat chiar și propriul format de imagine: WebP. Un format care ar trebui să bată toate recordurile în ceea ce privește afișarea. Începând cu 2013, gigantul web a anunțat un câștig în această zonă de 30% până la 80% comparativ cu un PNG sau un JPEG. După zece ani de dezvoltare și utilizare, se pare că câștigul mediu este mai mare de 30%. În cele din urmă, 30% fără pierderea calității imaginii. Dacă hotărâm să o reducem pe aceasta din urmă, câștigul poate ajunge într-adevăr la cifra amețitoare de 80%.