Treci la conținutul principal

Cum să furnizați imagini WebP în loc de PNG și JPG tradiționale

Divi: cea mai ușoară temă WordPress de utilizat

Divi: cea mai bună temă WordPress din toate timpurile!

mai mult Descărcări 901.000, Divi este cea mai populară temă WordPress din lume. Este completă, ușor de folosit și are mai mult de șabloane gratuite 62. [Recomandat]

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.

Soluție de imagine Wordpress

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 ExpressObțineți mult control cu ​​asta , dar este un sistem care necesită mai multe configurații pentru a putea rula fără probleme.

După ce Optimole este instalat și activat pe site-ul dvs. 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.

Creați cu ușurință site-ul dvs. web cu Elementor

Elementor vă permite să creați cu ușurință orice design de site web cu un aspect profesionist. Nu mai plătiți scump pentru ceea ce puteți face singur. [Gratuit]

Prețul de preț

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.

Căutați cele mai bune teme și pluginuri WordPress?

Descărcați cele mai bune pluginuri și teme WordPress pe Envato și creați cu ușurință site-ul dvs. Web. Deja mai mult de descărcări 49.720.000. [EXCLUSIV]

Tabloul de bord Optimole

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.

Eroare tablou de bord Optimole

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 , astfel încât să-și poată bate capul. Pentru noi, acest lucru s-a manifestat prin faptul că nicio imagine nu a fost transmisă vizitatorului. Nu am întâmpinat probleme cu alte servicii de compresie, cum ar fi 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.

Utilizarea tabloului de bord Optimole 1

Î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.

Raportul tabloului de bord Optimole 1

De asemenea, puteți seta filigranele în tabloul de bord Optimole (sau WP), astfel încât oricine care primește un WebP de pe site-ul dvs. WordPress va primi automat blazonul siglei dvs. Este un proces simplu și puteți controla opacitatea, locația etc.

Creați ușor magazinul dvs. online

Descărcați gratuit WooCommerce, cele mai bune pluginuri de e-commerce pentru a vă vinde produsele fizice și digitale pe WordPress. [Recomandat]

Optimizarea pluginului Optimole

Practic puteți face același lucru de la ambele tablouri de bord. Fie sub filă Parametrii WordPress sau vizitând tabloul de bord extern Optimole. Totul depinde de ceea ce vă faceți cel mai confortabil, precum și de cât de multe date aveți 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 .

Plugin Lazyload wordpress

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ă.

Acest articol conține comentarii 0

Lasă un comentariu

Adresa ta de email nu va fi publicată. Câmpurile obligatorii sunt marcate *

Acest site folosește Akismet pentru a reduce nedorite. Aflați mai multe despre modul în care sunt utilizate datele dvs. de comentarii.

Inapoi in top
5 acțiuni
acțiune5
tweet
Registru