Google se află în partea de sus a lanțului alimentar pe Internet. Societatea influențează (sau dictează) o mulțime de ceea ce se întâmplă online. Și noul lor format de imagine, WebP, continuă această tendință. Având în vedere că viteza de încărcare a paginii devine din ce în ce mai importantă (în principal datorită Google Page Rank), dezvoltatorii și designerii văd compresia imaginilor ca fiind cea mai simplă modalitate de a reduce timpul de încărcare. Imaginile Google WebP sunt cu aproximativ 30% mai mici decât imaginile obișnuite JPG sau PNG și păstrează o calitate echivalentă. Cel mai bun dintre toate, nu trebuie să vă faceți griji cu privire la conversia manuală a imaginilor dvs. în WebP.

În acest articol, vă vom arăta cum să utilizați acest nou format de imagine cu WordPress, chiar dacă nu este încă acceptat în mod implicit.

Utilizați Optimole pentru a servi fișiere WebP pe WordPress

WebP, ca format de imagine, nu este acceptat implicit în WordPress. Puteți încărca o imagine .webp, dar la fel ca în cazul unui fișier SVG, este posibil să primiți mesaje de eroare. Și din nou, în ceea ce privește utilizarea Fișiere SVG cu WordPress , există o soluție simplă prin intermediul plug-in-ului.

Printre serviciile WebP testate, Optimole iese în evidență din mulțime. Poate funcționa într-adevăr cu o configurație minimă. Prin urmare, dorim să vă explicăm cum să o configurați și să vă faceți instalarea WordPress compatibilă cu formatul WebP cât mai ușor posibil.

În primul rând, vă veți dori, evident descărcați și instalați pluginul în sine . Se află în directorul WP.org și este complet gratuit. De la serviciul bazat pe API care îl pornește (până la un punct). Deși este posibil să convertiți imagini tradiționale în WebP din mers folosind PHP, nu toate gazdele web acordă această permisiune serverului dvs. Dacă aveți această permisiune, puteți vizualiza și pluginul WebP Express. Obțineți mult control cu ​​asta , dar este un sistem care necesită mai multe configurații pentru a putea rula fără probleme.

Odată ce Optimole este instalat și activat pe dvs site-ul web WordPress, veți găsi o nouă opțiune de meniu pe Media - Optimole .

Cheia dvs. API Optimole

Înainte de a putea accesa setările sau configurațiile, trebuie să aveți un cont Optimole. Dacă ați configurat deja unul, puteți face clic pe buton Am deja o cheie API . Dacă nu, salvați și trimiteți cheia API prin e-mail . Contul cheie API de bază este gratuit și obțineți aproximativ 5 de accesări la acest nivel. Dacă aveți nevoie de mai mult decât atât, există nivele de preț disponibile.

Optimole definește o vizită drept „ oricine vă vizitează dacă o dată [. . .] Fiecare utilizator este numărat o singură dată. Nu contează ce fac pe site-ul dvs., câte imagini descarcă sau câte pagini vizitează; este doar un utilizator. Dacă părăsesc site-ul dvs. și revin în aceeași zi, sunt totuși doar un utilizator. Matei 22:21

Odată ce vizitele măsurate sunt epuizate, numai imaginile WebP nu mai sunt difuzate. Imaginile tale în sine nu. Veți găsi cheia API în tabloul de bord Optimole chiar în partea de sus.

Lipiți-l în tabloul de bord WordPress și veți fi gata să începeți să răspândiți imagini WebP cu WordPress.

Tablourile dvs. de bord Optimole WordPress

În tabloul de bord WordPress, primiți informații de bază despre optimizarea dvs. WebP. Acest lucru vă permite să depanați și să evaluați succesul acestei accelerări. În acest fel, puteți modifica diverse setări.

Mai întâi, vedeți contul asociat API-ului, apoi în partea de jos a ecranului pluginul afișează cele mai recente imagini optimizate. Puteți vedea cât de mici sunt imaginile WebP difuzate decât cele originale pe care le-ați încărcat pe WordPress.

Apoi, există fila dificultăți posibil deasupra. Nimănui nu-i place să vadă fila evidențiată, dar toti trebuie să vedem ce conflicte ar putea apărea.

Problema principală cu care ne-am confruntat este cu alte pluginuri de compresie și livrare a imaginilor. După cum puteți vedea în imaginea de mai sus, pluginul Jetpack funcționează similar cu Optimole prin Photon APIT , ca să se poată ciocni cu capul. Pentru noi, acest lucru s-a manifestat prin faptul că nu au fost transmise imagini către vizitator. Nu am avut probleme cu alte servicii de compresie precum TinyPNG sau Smush.

Folosind tablouri de bord

Dacă doriți informații mai detaliate despre cum funcționează site-ul dvs. cu WebP, Panoul de bord extern Optimole conține aceste informații pentru dvs.

În loc de doar 9,5 ori mai mic, puteți vedea dimensiunea reală a fișierelor servite. La fel și fișierele în sine pe o perioadă de 30 de zile.

De asemenea, puteți seta filigrane în tabloul de bord Optimole (sau WP), astfel încât oricine primește un WebP de pe site-ul dvs. WordPress va primi automat blazonul dvs. de logo. Este un proces simplu și aveți control asupra opacității, locației și multe altele.

Practic puteți face același lucru de la ambele tablouri de bord. Fie sub filă Parametrii de WordPress sau vizitând tabloul de bord extern Optimole. Totul depinde de ceea ce vă simțiți cel mai confortabil, precum și de nivelul données ceea ce ai nevoie la un moment dat.

În plus, veți putea controla nivelul de compresie, încărcarea leneșă și când / dacă anumite imagini sunt transmise ca WebP în funcție de numele fișierelor. Toate acestea le veți găsi în filă Parametrii de Media - Optimole .

ambalaj

Cea mai bună parte a utilizării WebP cu site-uri web WordPress este că nu trebuie să lucrați manual cu fișierele. Fără descărcări suplimentare, fără timp suplimentar de compresie, nimic. Datorită modului în care funcționează API-urile, toate procesele și calculele sunt efectuate în timp real în timp real. Google a făcut într-adevăr internetul mai rapid folosind WebP mai degrabă decât JPG sau PNG. Principalul avantaj este însă că imaginile păstrează aceeași calitate, chiar dacă dimensiunea lor este redusă considerabil. Poate fi interesant pentru dvs. că Google vă obligă să utilizați formatul lor pentru a accelera site-ul dvs., astfel încât acesta să vă poată clasifica mai sus și experiența utilizatorului final să fie și mai bună. Și asta contează în cele din urmă.