WPCode vs Fluent Snippets: Koji je bolji? Poređenje dodataka i praktični vodič

Čak i najljepši kod može osakatiti vašu WordPress web stranicu ako odaberete pogrešne dodatke (pluginove).

Ovo nije pretjerivanje. Vidio sam previše web stranica koje su radile savršeno dobro, samo da bi im brzina učitavanja skočila sa 0.8 sekundi na 3 sekunde nakon dodavanja nekoliko isječaka koda. Nakon duge istrage, ispostavilo se da je određeni isječak koda pokretao gomilu nepotrebnih upita u bazi podataka.

Dakle, danas ćemo razgovarati o WPCode-u i Fluent Snippets-u, dva dodatka za upravljanje isječcima koda koji se često porede u WordPress zajednici.

Iskreno, koristio sam oboje intenzivno, pa čak i pomogao prijateljima da izbjegnu neke zamke. Danas ću podijeliti sva svoja iskrena iskustva.

Dozvolite mi da počnem s nekim pozadinskim informacijama.

U osnovi postoji nekoliko načina za dodavanje prilagođenog koda u WordPress. Jedan je direktno mijenjanje functions.php datoteke teme, što je jednostavno i lako, ali se sve gubi sa svakim ažuriranjem; drugi je korištenje podređene teme, koja je nešto bolja, ali i dalje ima veće troškove održavanja; i treći je pronalaženje pouzdanog dodatka za isječke koda, koji je sigurniji za upravljanje i izvršavanje.

WPCode i Fluent Snippets su konkurenti u ova dva programa.

WPCode , veteran u WordPress zajednici, proizvod je WPCode tima i oduvijek je uživao dobru reputaciju. Ima ocjenu 4.9 od 10; uprkos tome što ima samo 31 recenziju, ta ocjena govori sama za sebe.

Fluent Snippets , još jedan proizvod tima WPManageNinja - da, istog tima koji je napravio FluentCRM. Ima preko 40 instalacija i ocjenu 4.6, nešto manje od WPCode-a, ali sa četiri puta većim brojem instalacija.

Ovo je zanimljivo. Inverzni odnos između obima instalacija i ocjena mora imati razlog.

Iskustvo urednika

WPCode koristi ACE editor, koji, moram vam reći, ima izrazito tradicionalni WordPress stil. Ima isticanje koda, ali je shema boja prilično konzervativna, i zaboravite na dovršavanje koda. Ako ste navikli na VS Code, njegovo korištenje ovdje će vam dati dezorijentirajući osjećaj "Ah, vratio sam se pet godina unazad."

Fluent Snippets je drugačiji; direktno je integriran u Monaco Editor.

Da, to je isti editor kao i VS Code. Isticanje koda, automatsko dovršavanje, sintaksni savjeti - cijelo iskustvo je gotovo identično pisanju koda lokalno. Kada sam ga prvi put koristio, odmah sam se zaljubio u njega. Bio je to taj osjećaj "konačno, dodatak koji je spreman napraviti pristojan editor!"

Ali evo pitanja: da li bolji editor nužno znači i bolje korisničko iskustvo?

neizvjesno.

Poznajem prijatelja u Shenzhenu koji vodi biznis sa web stranicama sa sadržajem. On je samostalni vlasnik web stranice i samostalno održava preko trideset web stranica. Rekao mi je da voli WPCode. Zašto? Zato što je jednostavan. Otvori backend, klikne nekoliko puta, kod se pojavi i to je to. Ne trebaju mu nikakve fensi funkcije; potrebna mu je stabilnost i rad bez grešaka.

Te riječi su me zaista dirnule u tom trenutku.

Da, Monaco Editor je odličan i veoma moćan. Ali za nekoga ko svakodnevno upravlja sa više od trideset web stranica, sama krivulja učenja je teret.

存储方式

Nakon što smo razgovarali o editoru, prijeđimo na nešto zahtjevnije.

WPCode se pohranjuje u bazi podataka, a svi isječci se pohranjuju u tabeli wp_options. Svaka operacija čitanja uključuje upit u bazu podataka, a u scenarijima s visokom konkurentnošću, ovaj broj upita se može akumulirati.

Fluent Snippets koristi pohranu datoteka. Isječci koda se pohranjuju kao PHP datoteke u direktoriju wp-content/fluent-snippets/, a WordPress ih uključuje direktno tokom izvršavanja, zaobilazeći upite baze podataka.

Teoretski, pohranjivanje datoteka je brže i sigurnije.

Zašto se smatra sigurnijim? Zato što pohranjivanje datoteka inherentno izoluje rizik od SQL injekcije; u bazi podataka ne postoje isječci koda koji se mogu ubrizgati.

Ali postoji jedno "ali".

Pohranjivanje datoteka također ima svoje probleme. Svaki put kada se isječak ažurira, potrebne su dozvole za pisanje. Ako je server nepravilno konfiguriran ili u određenim posebnim okruženjima virtualnog hostinga, pisanje datoteka može imati problema. Ranije se neko u grupi žalio da kod nije radio nakon ažuriranja isječka, a nakon istrage utvrđeno je da je problem u dozvolama za datoteke.

Stoga ne postoji čarobni štapić; svaki slučaj ima svoj vlastiti scenario.

Uslovi opterećenja

Ovdje leži najočiglednija razlika između dva dodatka.

WPCode-ovo uvjetno učitavanje je prilično osnovno, podržava učitavanje i u prvom planu i u pozadini. Također možete odabrati da ga omogućite ili onemogućite globalno. Toliko je jednostavno.

Uslovno učitavanje Fluent Snippetsa je nevjerovatno; može se zasnivati ​​na korisničkim ulogama, pravilima URL-ova, tipovima uređaja, pa čak i prilagođenim poljima. Njihov profesionalizam je van svake mjere.

Sta to znaci?

To znači da možete postići vrlo preciznu kontrolu. Na primjer, "učitaj ovaj kod samo na mobilnim uređajima gdje URL sadrži /proizvod/ i korisnik nije prijavljen" je zahtjev koji je u osnovi nemoguće postići u WPCode-u, ali je standardna funkcija u Fluent Snippets-ima.

Naravno, postoje i troškovi. Što je konfiguracija složenija, to su veći troškovi održavanja. Šest mjeseci kasnije, pitanje je da li uopšte možete razumjeti uslove i pravila koja ste napisali.

Moji osjećaji

WPCode je kao švicarski nož: dovoljan je i stabilan, ali njegova funkcionalnost ima ograničenja.

Fluent Snippets su kao profesionalni set s alatima; možete učiniti više, ali morate znati šta radite.

Iskreno, njih dvoje čak nisu ni konkurenti u istoj oblasti.

Ako vodite samo ličnu web stranicu ili mali biznis, WPCode je dovoljan. Njegova najveća vrijednost leži u dobrom upravljanju kodom, izbjegavanju grešaka i osiguravanju stabilnog rada.

Ako obavljate sofisticirane operacije ili vaša web stranica ima složenu poslovnu logiku, uvjetno učitavanje Fluent Snippetsa može biti spas.

Praktična primjena: Tip sadržaja ne može direktno pozivati ​​kratke kodove

U redu, sada kada smo obradili osnovna poređenja, pređimo na neke praktične primjere.

Mnogi ljudi kreiraju isječak tipa sadržaja u Fluent Snippets-u, a zatim u njega pišu kratke kodove.

Na primjer

[nihaoya]

Tako je.

Dozvolite mi da vam kažem, već sam upao u ovu zamku prije.

Fluent Snippets podržava tri vrste snippetova: PHP tip, tip sadržaja i CSS/JS tip.

Ako je vaš isječak postavljen na tip Sadržaj (PHP+HTML), unutra napišite sljedeće: [nihaoya]Neće ga analizirati; samo će... [nihaoya] Ovi znakovi se ispisuju tačno onako kako su i bili.

To je samo običan tekst, a ne skraćeni izlaz.

Da bi se kratki kod zapravo izvršio, mora biti umotan u PHP funkciju `do_shortcode()`. Sintaksa je sljedeća:

<?php echo do_shortcode('[nihaoya]'); ?>

Na ovaj način, WordPress će analizirati kratki kod i ispisati odgovarajući sadržaj.

Trebalo mi je dugo vremena da ovo shvatim; nije bilo jasno navedeno u dokumentaciji.

Ako vaš isječak koristi PHP tip, to je još jednostavnije: samo napišite `return` naredbu u funkciji, registrujte je sa `add_shortcode` i kratki kod će ispravno raditi. Nema dvosmislenosti; problem leži isključivo u tipu sadržaja.

Sumnjam da je osoba koja je napisala ovu funkciju pretpostavila da je tip sadržaja prvenstveno za HTML sadržaj i da bi se skraćenice trebale obrađivati ​​pomoću PHP tipova, otuda i nedostatak jasne naznake ovoga na interfejsu. Međutim, u praksi mnogi ljudi koriste oba tipa naizmjenično, što dovodi do problema.

u zakljucku

Za koga je WPCode pogodan? Malim web stranicama s jednostavnim potrebama i onima koji ne žele ulagati trud. Spreman je za korištenje odmah nakon raspakiranja, uz kratku krivulju učenja, a rješavanje problema je jednostavno.

Za koga su Fluent Snippets pogodni? Za srednje i velike web stranice sa složenom uslovnom kontrolom i fokusom na performanse. Pohrana datoteka znači bržu brzinu izvršavanja, uslovno učitavanje znači finiju kontrolu, a Monaco Editor znači ugodnije iskustvo razvoja.

Naravno, ovo je pod pretpostavkom da ste spremni platiti troškove učenja za ovo "više".

Iskreno, ako samo dodajete Google Analytics kod ili obavijest o autorskim pravima na kraj članka, WPCode je sasvim u redu. Zaista nema potrebe da se mučite s podešavanjem Fluent Snippetsa za "bolji editor".

Međutim, ako vaša stranica zahtijeva A/B testiranje i treba učitati različit kod prema uređaju, korisničkoj ulozi ili vrsti stranice, uvjetno učitavanje Fluent Snippetsa može vam uštedjeti mnogo ručnog prosuđivanja i teškog kodiranja.

Još jedna stvar.

Alati su samo sredstva; njihova prava vrijednost leži u tome da li možete maksimizirati njihov potencijal.

WPCode je popularan alat koji je stabilan, jednostavan za korištenje i pogodan za brzo postavljanje. Fluent Snippets je profesionalni alat koji nudi jače performanse, fleksibilniju kontrolu uvjeta i pogodan je za programere i složene web stranice.

Odabir dodataka nije stvar pokazivanja vaših vještina, već stvaranja stabilnije, brže i sigurnije web stranice.

Čvrsto vjerujem da je ono što vam najbolje odgovara najbolje, a ne nužno što više funkcija ili što su jače.

Sažetak jedne rečenice

• Mala stranica, jednostavni zahtjevi → WPCode
• Veliko mjesto, kompleksna kontrola stanja → Fluent Snippets

Na kraju, evo jednog savjeta: Najvrijednije istraživanje je sticanje praktičnog iskustva i pokretanje koda. Nemojte ga samo označiti bez vježbe, ljudi!