Google je na vrhu lanca prehrane na Internetu. Društvo utječe (ili diktira) na puno onoga što se događa na mreži. I njihov novi format slike, WebP, nastavlja ovaj trend. Kako brzina učitavanja stranica postaje sve važnija (uglavnom zbog Google Page Rank-a), programeri i dizajneri vide kompresiju slike kao najlakši način za smanjenje vremena učitavanja. Google WebP slike približno su 30% manje od uobičajenih JPG ili PNG slika i održavaju jednaku kvalitetu. Najbolje od svega je što ne morate brinuti o ručnom pretvaranju slika u WebP.
U ovom ćemo vam članku pokazati kako koristiti novi format slike s WordPressom, iako još uvijek nije podržan prema zadanim postavkama.
Koristite Optimole za posluživanje WebP datoteka na WordPressu
WebP kao format slike po zadanom nije podržan u WordPressu. Možete prenijeti .webp sliku, ali kao i kod SVG datoteke, možda ćete dobiti poruke o pogrešci. I opet, što se tiče upotrebe SVG datoteke s WordPressom , postoji jednostavan način za rješavanje putem dodatka.
Među testiranim WebP uslugama, Optimole izdvaja se iz mase. Doista može raditi s minimalnom konfiguracijom. Stoga vam želimo objasniti kako ga konfigurirati i učiniti vašu WordPress instalaciju što lakšom kompatibilnom s formatom WebP.
Prvo, očito ćete poželjeti preuzmite i instalirajte sam dodatak . Nalazi se u direktoriju WP.org i potpuno je besplatan. Od usluge koja se temelji na API-ju i koja ga pokreće (do određene točke). Iako je moguće pretvoriti tradicionalne slike u WebP u hodu pomoću PHP-a, svi web domaćini ne daju ovo dopuštenje vašem poslužitelju. Ako imate ovo dopuštenje, možete pogledati i dodatak WebP Express. S tim dobivate puno kontrole , ali to je sustav koji zahtijeva više konfiguracije da bi mogao nesmetano raditi.
Nakon što je Optimole instaliran i aktiviran na vašem web stranica WordPress, pronaći ćete novu opciju izbornika Mediji - Optimole .
Vaš Optimole API ključ
Da biste mogli pristupiti postavkama ili konfiguracijama, morate imati Optimole račun. Ako ste ga već konfigurirali, možete kliknuti gumb Već imam API ključ . Ako ne, spremite i pošaljite API ključ e-poštom . Osnovni račun API ključa je besplatan i na toj razini ostvarujete oko 5 pogodaka. Ako trebate više od toga, dostupni su razredi cijena.
Optimole definira posjet kao " svatko tko vas posjeti ako jednom [. . .] Svaki se korisnik broji samo jednom. Nije važno što rade na vašoj web lokaciji, koliko slika preuzimaju ili koliko stranica posjećuju; to je samo korisnik. Ako napuste vašu web lokaciju i vrate se isti dan, i dalje su samo korisnik. "
Nakon što se izmjereni posjeti iscrpe, prestaju se posluživati samo WebP slike. Sami vaše slike nemaju. Ključ API pronaći ćete na svojoj Optimole nadzornoj ploči na samom vrhu.
Samo ga zalijepite na svoju WordPress nadzornu ploču i bit ćete spremni započeti širenje WebP slika s WordPressom.
Vaše nadzorne ploče Optimole WordPress
Na vašoj WordPress nadzornoj ploči dobit ćete osnovne informacije o svojoj WebP optimizaciji. To vam omogućuje rješavanje problema i procjenu uspjeha ovog ubrzanja. Na taj način možete promijeniti razne postavke.
Prvo vidite račun povezan s API-jem, a zatim na dnu zaslona dodatak prikazuje najnovije optimizirane slike. Možete vidjeti koliko su poslužene WebP slike manje od originalnih slika koje ste prenijeli na WordPress.
Zatim je tu kartica teškoće moguće na vrhu. Nitko ne voli vidjeti istaknutu karticu, ali svi moramo vidjeti i kakvi bi sukobi mogli nastati.
Glavni problem s kojim smo se suočili su drugi dodaci za kompresiju slike i isporuku. Kao što možete vidjeti na gornjoj slici, dodatak Jetpack radi slično Optimoleu putem Photona APIT-a , pa se mogu lupati po glavi. Za nas se to očitovalo u činjenici da nijedna slika nije poslana na posjetilac. Nismo imali problema s drugim uslugama kompresije kao što su TinyPNG ili Smush.
Upotreba nadzornih ploča
Ako želite detaljnije informacije o tome kako vaša web lokacija funkcionira s WebP-om, Optimoleova vanjska nadzorna ploča sadrži te podatke za vas.
Umjesto samo 9,5 puta manje, možete vidjeti stvarnu veličinu datoteka koje se poslužuju. Kao i same datoteke tijekom razdoblja od 30 dana.
Također možete postaviti vodene žigove na nadzornoj ploči Optimole (ili WP) tako da će svatko tko primi WebP s vaše WordPress stranice automatski primiti grb vašeg logotipa. To je jednostavan postupak, a vi imate kontrolu nad neprozirnošću, lokacijom i više.
U osnovi možete učiniti isto s obje nadzorne ploče. Bilo ispod kartice Parametri WordPressa ili posjetom nadzornoj ploči izvan Optimolea. Sve ovisi o tome što vam najviše odgovara, kao io razini données što vam je potrebno u bilo kojem trenutku.
Osim toga, moći ćete kontrolirati razinu kompresije, lijeno učitavanje i kada / ako se određene slike struje kao WebP na temelju imena datoteka. Sve ćete to pronaći na kartici Parametri de Mediji - Optimole .
oblog
Najbolji dio upotrebe webpa s WordPress web mjestima je taj što ne morate ručno raditi s datotekama. Nema dodatnih preuzimanja, nema dodatnog vremena kompresije, nema ničega. Zbog načina na koji API-ji rade, svi se procesi i izračuni izvode u pokretu u stvarnom vremenu. Google je doista ubrzao internet koristeći WebP, a ne JPG ili PNG. Međutim, glavna prednost je u tome što slike zadržavaju jednaku kvalitetu, čak i ako se njihova veličina znatno smanji. Možda bi vam bilo zanimljivo da vas Google prisiljava da koristite njihov format za ubrzavanje vaše web stranice tako da vas može rangirati više, a i iskustvo krajnjeg korisnika je bolje. I to je na kraju bitno.
Napravio sam si mrežni alat za pretvaranje png ili jpg slika u webp.
Kao što ste rekli danas, webp je super koristan za komprimiranje slika za naše web stranice.
Ne prolazim kroz dodatke za wordpress da bih to učinio ili ih u svakom slučaju ograničavam jer smatram da nakon nekog vremena usporavaju wordpress.
Da, jasno je.
Hvala na komentaru.