Wordpress

Optimizacija brzine uz Optimocha

Ovaj tjedan razgovarali smo s Barışom Ünverom iz Optimocha o optimizaciji brzine i performansi WordPress web stranica. U nastavku pogledajte naš intervju i pomaknite se do kraja kako biste pročitali našu kratku osobnu recenziju usluge.

P. Bok, Barış! Dobrodošli na blog WP Mayor. Uzbuđeni smo što možemo razgovarati o brzini web-mjesta pa ću odmah uskočiti! Ti si osnivač Optimoche (usput, kul naziv, znatiželjan sam da vidim kako si to smislio!). Koje usluge nudite i tko je vaš ciljni kupac?

Hvala što me imaš! WP Mayor je među mojim primarnim izvorima vijesti za WordPress, pa mi je drago što sam ovdje.

Optimocha je, ukratko, usluga optimizacije brzine i održavanja za web stranice temeljene na WordPressu. Naš glavni fokus (opsesija, zapravo) je poboljšati ukupnu izvedbu svake web stranice na kojoj radimo, ali budući da određene metrike utječu na rangiranje (više o tome kasnije) i da se klijenti obično o tome pitaju, koncentriramo se na dobivanje boljih mjernih podataka Core Web Vitals za web stranice naših klijenata. Također smo nabavili Speed ​​Booster Pack 2019. i razvijamo još nekoliko proizvoda/usluga, od kojih će dva biti objavljena do kraja 2021.

I hvala na lijepim riječima o imenu! Nakon što sam zapisao preko dvjesto naziva (uglavnom kombinacija riječi s prefiksom poput “opti-” ili “speed-”) kako bih pronašao najbolji naziv marke, odlučio sam se za naziv “Optimocha”. Bila je to prilično zabavna vježba, a budući da je rebranding težak i neugodan čak i za najmanja poduzeća (a gotovo nemoguće za veće), smatrao sam da je važno pronaći dobar naziv marke.

P. Svi znamo da je brzina web-mjesta važna, ali koje su stvarne prednosti brze web stranice? Donosi li više konverzija, rangirate li bolje na Googleu?

I jedno i drugo... i onda nešto.

Najveće i najočitije poboljšanje je rangiranje stranice na stranici s rezultatima tražilice (SERP). Google je najavio da će Core Web Vitals biti uključeni u rangiranje, što znači da će vaša stranica imati bolje rangiranje ako je poboljšala CWV. A budući da to izravno utječe na uspjeh web stranice (pretvorba, pretplata, prodaja itd.), to bi svakom vlasniku web stranice trebao biti glavni razlog optimizacije stranica.

Čak i kada rangiranje SERP-a nije važno, kao kada se web stranica promovira putem društvenih medija ili izvan mreže, ukupna izvedba web stranice igra veliku ulogu u zadovoljstvu posjetitelja/korisnika. Možda to ne shvaćamo cijelo vrijeme, ali svima nam je obično dosadno kada se stranica učita za više od nekoliko sekundi – osobito na mobilnom uređaju.

Ta dosada može dovesti do frustracije i povećati šansu da posjetitelj/korisnik zatvori stranicu prije nego što se učita. To se ne pojavljuje u analitičkim alatima jer posjetitelj napusti stranicu prije nego što se analitička skripta uopće počne izvoditi. Imam klijente koji su mi rekli da su im se pregledi stranica udvostručili nakon posla optimizacije – posjetitelji su samo ostali na stranici umjesto da im dosadi i odu. Tako jednostavno.

Ima još napredan razloga (kao što je zadovoljstvo korisnika koji su već konvertirali), ali ova dva su najvažnija razloga za vlasnike web-mjesta da razmisle o ulaganju u poboljšanje izvedbe svoje web stranice.

P. Koje su, po vašem mišljenju, ključne stvari na koje treba paziti kada pokušavate optimizirati web stranicu za brzinu?

Ovo je tema o kojoj se intenzivno raspravlja, a stručnjaci za optimizaciju brzine (uključujući i mene) obično razmišljaju drugačije od Googlea... ali sve u svemu, kupci odlučuju što žele. Evo nekoliko ključnih mjernih podataka o vlasnicima web-lokacija, stručnjacima za optimizaciju brzine i Googleu te jesu li u pravu ili ne:

Rezultat PageSpeed: Odmah - ovo je glupost. Ne samo da je to lažan prikaz uspješnosti vaše web stranice, već ga ni Google ne uzima u obzir. NIKADA nemojte težiti 100% rezultatu, već pokušajte poboljšati svoje mjerne podatke Core Web Vitals. Također, sve "ocjene" i "bodovi" izračunate alatima kao što su GTmetrix, Pingdom i WebPageTest su nedostatni.

Temeljne web vrijednosti: Ovo je naziv grupe metrika za koje Google kaže da su faktor kada je u pitanju rangiranje. Trenutno grupa ima tri člana: Najveća boja sadržaja (LCP), Odgoda prvog unosa (FID) i Kumulativni pomak rasporeda (CLS). To još uvijek nije savršen prikaz izvedbe vaše web stranice, ali je onoliko blizu koliko je Google trenutno (a po mom mišljenju prilično su bliski).

Vrijeme je za prvi bajt: Također se naziva i "vrijeme odgovora poslužitelja", TTFB u osnovi mjeri vrijeme koje je potrebno vašem poslužitelju da odgovori na zahtjev posjetitelja za pregled stranice. Očito, što je ova metrika bolja, to će biti bolje i sve ostale metrike mjerene vremenom.

Vrijeme učitavanja: "Preuzimanje je kada je obrada stranice završena i svi resursi na stranici (slike, CSS, itd.) su završili preuzimanje", prema GTmetrixu. Ovo je, po meni, najviše human način mjerenja "brzine" web stranice (a ne "izvedbe", imajte na umu). No, naravno, mišljenja su poput pupka - svatko ga ima.

Potpuno učitano vrijeme: Populariziran od strane GTmetrixa, ova metrika se razlikuje od "vrijeme preuzimanja" jer mjeri sve ostale zahtjeve upućene početnim zahtjevima. Kao primjer, ova metrika također uzima u obzir sva preuzimanja sredstava Google oglasa učitanih na stranicu, što ne mora nužno tjerati korisnika da "čeka" da stranica bude spremna. Zato ne vjerujem da je ovo ispravna metrika koju treba gledati kada mjerite brzinu.

Ostale metrike: Prva sadržajna boja je metrika stare škole koja je sada zamijenjena s Najveća sadržajna boja. Indeks brzine je također besmislica metrika poput ocjene PageSpeed. Page Size je važno jer izravno utječe na sve ostalo, ali možete uspjeti imati stranicu koja je učinkovita s veličinom stranice većom od prosječne. I na kraju, NIKAD od "preporuka" PageSpeed ​​Insights, Lighthouse, GTmetrix, WebPageTest ili Pingdom ne treba smatrati "metrikama", "pogreškama" ili bilo čim drugim osim onoga što jesu - preporukama.

PS: Očito postoji više "bogova" osim Googlea koji odlučuju koji su pokazatelji važni, poput ovih koje sam upravo spomenuo. Ali ja sam monoteističan (heh) po tom pitanju i odabrao sam Google jer oni imaju najveći utjecaj u svijetu optimizacije web performansi (WPO).

P. Spomenuli ste Core Web Vitals, možete li detaljnije objasniti što je to?

Apsolutno! Budući da imamo više od nekoliko osnova za pokrivanje, što bi moglo napuhati ovaj intervju, uputimo čitatelje WP Mayora na ovu gostujuću objavu: Uvod u temeljne web vitale.

P. Je li moguće sami optimizirati brzinu svoje stranice? Kada se odlučiti za uslugu kao što je Optimocha?

U ovom poslu sam već više od 5 godina i mogu iskreno reći da barem polovicu onoga što radimo mogu napraviti klijenti, a druga polovica spada pod našu stručnost i trikove u rukavu. Ali, naravno, ljudi nas plaćaju za našu stručnost i da sami ne rješavamo stvari.

Ako želite optimizirati svoju web stranicu, imam tri važne preporuke za vas:

  1. Budite nemilosrdni u uklanjanju stvari – osobito stvari koje povećavaju težinu vaše stranice i što je još važnije, stvari koje povećavaju vašu upotrebu JavaScripta.
  2. Budite otvoreni u pogledu zamjene stvari alternativama ili, opet, eliminacije.
  3. Sve dok radite sa sigurnosnom kopijom, nemojte se bojati razbiti stvari.

Ako ste spremni prihvatiti izazov, možete pokušati instalirati i podesiti Speed ​​Booster Pack, naš besplatni dodatak, kako biste sami optimizirali svoju web stranicu.

P. Koliko često trebate optimizirati i održavati svoju web stranicu?

Ovisi o tome koliko često dodajete, uklanjate ili mijenjate stvari na svojoj web stranici. Naravno, ne govorim o dodavanju novog posta na blogu, prodaji ili ispravljanju pogreške pri pisanju na vašoj stranici O nama. Govorim o stvarima koje bi mogle promijeniti vaše metrike Core Web Vitals-a kao što je redizajn vaše početne stranice, prelazak na novu temu ili dodavanje dodatka koji dodaje sredstva (CSS, JS, itd.) na front-end.

Zasigurno! Hosting nije samo važan čimbenik izvedbe web stranice, već i pouzdanosti web stranice. Dobro strukturiran poslužitelj može učiniti čuda na svim web stranicama - ne samo na onim s velikom upotrebom resursa. A ako očekujete promet šiljci s vremena na vrijeme morate odabrati tvrtku za hosting koja se može automatski prilagoditi porastu bez pada ili traženja smiješnih iznosa novca.

Imam nekoliko hosting tvrtki s kojima radim, i imam jednu omiljen – ali mislim da ih ne bih trebao otkrivati ​​samo zato što se popis mijenja ovisno o tome koliko dobro nastavljaju svoje poslovanje.

P. Mogu li dodaci usporiti vašu web stranicu? Kako se može suziti popis korištenih dodataka?

Mislim da je najbolji način da odgovorite na ovo pitanje tako što ćete pustiti čitatelje da se zapitaju: "Pomaže li vam {insert plugin name here} {insert conversion goal here} na smislen način?" Primjeri bi imali više smisla:

  1. Za jednostavnu web stranicu tvrtke, pomaže li dodatak klizača više potencijalnih klijenata da stupe u kontakt s vama... ili jednostavno niste mogli pronaći ništa što biste mogli staviti na svoju početnu stranicu pa ste stavili klizač s nekim slikama?
  2. Za web-stranicu s vijestima, povećavaju li push obavijesti zapravo interakcije korisnika kao što su više dijeljenja, više posjeta ili više komentara... što rezultira većom prodajom oglasa? (Da budem iskren, nisam čak ni siguran da se ljudi više pretplate na push obavijesti.)
  3. Za web-mjesto e-trgovine, jesu li ti okviri s obavijestima "X kupljeno Y" stvarno potiču FOMO i pomažu vam da ostvarite veću prodaju?

Optimizacija nikada nije potpuna bez eksperimentiranja. Možete ukloniti stvari sa svoje web-lokacije (na značajan vremenski period, na primjer mjesec dana), vidjeti šteti li to vašim ciljevima konverzije i dodati ih natrag ako vidite da zapravo pomaže.

P. Slike su jedan od ključnih čimbenika za usporavanje web stranica. Koji je najbolji način za rješavanje ovog izazova?

Imam tri stvari za reći o slikama:

Koristite manje slika: Gotovo uvijek, slike čine većinu težine web stranice. Korištenje manjeg broja slika ne samo da će smanjiti tu težinu, već će također pomoći da se vaša DOM veličina smanji.

Koristite lijeno učitavanje: Lijeno učitavanje u osnovi odgađa preuzimanje slika do učitavanja DOM-a, što znači da će se ostatak stranice brže učitati ako se koristi lijeno učitavanje... Međutim, možda ste već pogodili jeste li primijenili lijeno učitavanje na sve slike, uključujući one u početnom prikazu, možete oštetiti svoje LCP metrike. Zato je važno ne lijeni sve opterećivati.

Koristite novije formate slika: Trenutno je WebP vodeći moderni format slika. AVIF je na drugom mjestu s puno lošijom podrškom i nešto boljim stopama kompresije. Odlučite se i upotrijebite jedan od njih i imate zamjenske JPG/PNG alternative u svom oznake. Lako peasy.

P. Koje pakete nudite preko Optimocha?

Nudimo tri vrste usluga:

Optimizacija brzine i performansi: dolazimo, optimiziramo, letimo. Ako trebate optimizirati cijelu svoju web stranicu samo jednom, ili možda jednom godišnje, ovo je usluga koju možete odabrati.

Kontinuirana optimizacija i savjetovanje: dolazimo, optimiziramo, ostajemo. Ako trebate da se web stranica stalno optimizira i pitate bilo što, bilo kada (dio usluge savjetovanja), trebali biste uložiti u ovu uslugu.

Potpuni remont: nudi se web stranicama koje ne mogu postići svoje najveće performanse bez početka od nule. Nova tema, novi set dodataka, možda novi hosting... Išli biste s ovom specijaliziranom uslugom ako vi (ili mi) mislite da je vaša web stranica nekako beznadan.

P. Kako do vas naši čitatelji mogu doći?

Možete nas kontaktirati putem našeg kontakt obrasca ili me kontaktirati izravno putem Twittera ili LinkedIna!

Hvala što ste primili mene, Gaby i Marka!

Naše iskustvo s Optimochom

Kad god raspravljamo ili promoviramo WordPress proizvode i usluge na WP Mayoru, uvijek se trudimo da ih sami testiramo.

Optimochina usluga optimizacije brzine nije bila iznimka.

Zamolili smo Barışa da se okuša u optimizaciji našeg vlastitog bloga WP Mayor.

Evo rezultata:

prije

Najveća boja koja sadrži sadržaj: 5.0s
Ukupno vrijeme blokiranja: 1690ms
Kumulativni pomak izgleda: 0
Ukupna ocjena PageSpeed: 35

nakon

Najveća boja koja sadrži sadržaj: 4.1 s (21.95% bolje!)
Ukupno vrijeme blokiranja: 220 ms (768.18% bolje!)
Kumulativni pomak izgleda: 0.016 (malo povećanje, ali još uvijek zeleno)
Ukupna ocjena PageSpeed: 74 (211.43% bolje!)

Cjelokupni proces je bio vrlo gladak. Barış je započeo slanjem e-pošte s punim popisom faza u kojima će se pozabaviti procesom optimizacije. Svaka faza je imala detaljna objašnjenja koja su nam dala prilično dobru ideju o tome kako će izgledati sljedećih mjesec dana rada s njim.

Ako se razmišljate odlučiti za Optimochinu uslugu, nastavite čitati. Dat ću vam pregled onoga što je u trgovini.

Što očekivati

Da biste započeli, prvo biste morali omogućiti pristup svojoj web-lokaciji, davatelju usluga hostinga i računu za predmemoriju. To će omogućiti Barışu da provede potrebna istraživanja, testove i implementacije na vašoj web stranici.

Imajte na umu da Barış može predložiti promjenu pružatelja usluga hostinga ako vaš trenutni ne odgovara potrebama vaše stranice. U našem slučaju, Servebolt radi izvrstan posao u hostingu našeg bloga tako da tu nismo morali unositi nikakve promjene.

Druga stvar koju treba imati na umu je da se trebate suzdržati od velikih promjena na web mjestu dok je tim za optimizaciju na poslu. Sve velike promjene mogu utjecati na njihov tijek rada i konačne rezultate. To ne znači da ne možete nastaviti prenositi sadržaj ili mijenjati kopiju na svojoj web-lokaciji. Međutim, to znači da biste mogli zatražiti "dopuštenje" prije implementacije bilo čega većeg.

Sljedeće faze bile su prilično jednostavne. Predstavljena nam je detaljna analiza naših korištenih dodataka, prijedlozi za poboljšanja ili nove dodatke za korištenje, te popis ugađanja koje smo zamoljeni da izvršimo. 

Elementor se pokazao možda i najteže za poboljšanje. Kao i kod većine graditelja stranica, oni imaju tendenciju da malo napuhnu vašu web stranicu – pogotovo ako ne koristite najbolje primjere iz prakse. Dokumentirat ću savjete o tome kako ubrzati svoju Elementor web stranicu u drugom postu.

Sve u svemu, bili smo zadovoljni Optimochinom uslugom optimizacije brzine.

Vjerujem da je to izvrsno rješenje za netehničke korisnike koji pokušavaju poboljšati brzinu svoje web stranice. Ako ste programer s jakim znanjem o WordPressu, možda bi bilo vrijedno potrošiti malo vremena čitajući temu i sami implementirajući promjene.

Međutim, ako ste korisnik WordPress-a poput mene, ova je usluga nedvojbeno korisna i pomoći će vam povećati rezultate Google Core Web Vitals i poboljšati cjelokupno iskustvo stranice za vaše posjetitelje.

Vezani članci

0 Komentari
Umetne povratne informacije
Pogledajte sve komentare
Natrag na vrh