WPCode vs Fluent Snippets: Što je bolje? Usporedba dodataka i praktični vodič

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

Ovo nije pretjerivanje. Vidio sam previše web stranica koje su radile savršeno, samo da bi im brzina učitavanja skočila s 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 hrpu nepotrebnih upita u bazi podataka.

Dakle, danas ćemo razgovarati o WPCodeu i Fluent Snippetsu, dva dodatka za upravljanje isječcima koda koji se često uspoređuju 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 izravno mijenjanje datoteke functions.php 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; unatoč 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 000 instalacija i ocjenu 4.6, nešto manje od WPCodea, ali s četiri puta većim brojem instalacija.

Ovo je zanimljivo. Obrnuti odnos između broja 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 shema boja je 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 unatrag."

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

Da, to je isti editor kao i VS Code. Isticanje koda, automatsko dovršavanje, sintaktički savjeti - cijelo iskustvo je gotovo identično pisanju koda lokalno. Kad 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: znači li bolji uređivač nužno i bolje korisničko iskustvo?

neizvjesno.

Poznajem prijatelja u Shenzhenu koji vodi posao s web stranicama s 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, pojavi se kod i to je to. Ne trebaju mu nikakve fensi značajke; treba mu stabilnost i rad bez grešaka.

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

Da, Monaco Editor je odličan i vrlo moćan. Ali za nekoga tko svakodnevno upravlja s 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 tablici wp_options. Svaka operacija čitanja uključuje upit bazi podataka, a u scenarijima s visokom konkurentnošću, ovaj broj upita može se akumulirati.

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

Teoretski, pohrana datoteka je brža i sigurnija.

Zašto se smatra sigurnijim? Zato što pohrana datoteka inherentno izolira rizik SQL injekcije; u bazi podataka nema isječaka koda koji se mogu ubrizgati.

Ali postoji jedno "ali".

Pohrana datoteka također ima svoje probleme. Svaki put kada se isječak ažurira, potrebna su dopuštenja za pisanje. Ako je poslužitelj nepravilno konfiguriran ili u određenim posebnim okruženjima virtualnog hostinga, pisanje datoteka može naići na probleme. Prije se netko u grupi žalio da kod nije radio nakon ažuriranja isječka, a nakon istrage utvrđeno je da je problem u dopuštenjima za datoteku.

Stoga ne postoji čarobni štapić; svaki ima svoj vlastiti scenarij.

Uvjeti utovara

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

WPCodeovo uvjetno učitavanje je prilično osnovno, podržava učitavanje i u prvom planu i u pozadini. Također možete odabrati hoćete li ga omogućiti ili onemogućiti globalno. Toliko je jednostavno.

Uvjetno učitavanje Fluent Snippetsa je nevjerojatno; može se temeljiti na korisničkim ulogama, pravilima URL-ova, vrstama uređaja, pa čak i prilagođenim poljima. Njegova profesionalnost je izvan svake mjere.

这意味着什么？

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 WPCodeu, ali je standardna značajka u Fluent Snippetsima.

Naravno, tu su i troškovi. Što je konfiguracija složenija, to su veći troškovi održavanja. Šest mjeseci kasnije, upitno je možete li uopće razumjeti uvjete i pravila koja ste napisali.

Moji osjećaji

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

Fluent Snippets su poput profesionalnog seta alata; možete učiniti više, ali morate znati što radite.

Iskreno, njih dvoje nisu čak ni konkurenti u istom području.

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

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

Praktična primjena: Vrsta sadržaja ne može izravno pozivati ​​kratke kodove

U redu, sada kada smo obradili osnovne usporedbe, prijeđimo na neke praktične primjere.

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

kao što su

[nihaoya]

Tako je.

Moram ti reći, već sam i ja upao u ovu zamku.

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

Ako je vaš isječak postavljen na vrstu Sadržaj (PHP+HTML), unutra napišite sljedeće: [nihaoya]Neće ga analizirati; samo će... [nihaoya] Ovi znakovi se ispisuju toč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 omotan 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 to shvatim; nije bilo jasno navedeno u dokumentaciji.

Ako vaš isječak koristi PHP tip, još je jednostavnije: samo napišite naredbu `return` u funkciji, registrirajte je s `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 značajku pretpostavila da je tip sadržaja prvenstveno za HTML sadržaj i da bi se skraćenice trebale obrađivati ​​pomoću PHP tipova, stoga nedostaje jasna naznaka toga na sučelju. Međutim, u praksi mnogi ljudi koriste oba tipa naizmjenično, što dovodi do problema.

u zaključku

Za koga je WPCode prikladan? Za male web stranice s jednostavnim potrebama i one koji se ne žele petljati. Spreman je za korištenje odmah nakon raspakiranja, s malo učenja, a rješavanje problema je jednostavno.

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

Naravno, ovo je pod pretpostavkom da ste spremni platiti cijenu 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. Nema potrebe za mukom s podešavanjem Fluent Snippetsa za "bolji editor".

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

Još jedna stvar.

Alati su samo sredstva; njihova prava vrijednost leži u tome možete li 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 developere i složene web stranice.

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

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

Sažetak jedne rečenice

• Mala stranica, jednostavni zahtjevi → WP kod
• Veliko mjesto, složena kontrola stanja → Fluent Snippets

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