WPCode vs. Fluent Snippets: Ktorý je lepší? Porovnanie pluginov a praktický návod

Aj ten najkrajší kód môže ochromiť vašu webovú stránku WordPress, ak si vyberiete nesprávne pluginy.

Toto nie je preháňanie. Videl som už príliš veľa webových stránok, ktoré fungovali úplne bez problémov, len aby sa im rýchlosť načítavania po pridaní niekoľkých úryvkov kódu zvýšila z 0.8 sekundy na 3 sekundy. Po dlhom vyšetrovaní sa ukázalo, že určitý úryvok kódu spúšťal v databáze množstvo nepotrebných dotazov.

Takže dnes si povieme niečo o WPCode a Fluent Snippets, dvoch pluginoch na správu úryvkov kódu, ktoré sa v komunite WordPress často porovnávajú.

Úprimne povedané, používam oboje hojne a dokonca som pomohol priateľom vyhnúť sa niektorým nástrahám. Dnes sa s vami podelím o všetky svoje úprimné skúsenosti.

Dovoľte mi začať s niekoľkými informáciami o pozadí.

V podstate existuje niekoľko spôsobov, ako pridať vlastný kód do WordPressu. Jedným z nich je priama úprava súboru functions.php témy, čo je jednoduché a priamočiare, ale s každou aktualizáciou sa všetko stratí; ďalším je použitie podtémy, ktorá je o niečo lepšia, ale stále má vyššie náklady na údržbu; a ďalším je nájdenie spoľahlivého pluginu pre úryvky kódu, ktorý sa bezpečnejšie spravuje a spúšťa.

V týchto dvoch kategóriách sú konkurentmi WPCode a Fluent Snippets.

WPCode , veterán v komunite WordPress, je produktom tímu WPCode a vždy sa tešil dobrej povesti. Má hodnotenie 4.9 z 10; napriek tomu, že má iba 31 recenzií, toto skóre hovorí samo za seba.

Fluent Snippets , ďalší produkt od tímu WPManageNinja – áno, toho istého tímu, ktorý vytvoril FluentCRM. Má viac ako 40 000 inštalácií a hodnotenie 4.6, čo je o niečo menej ako WPCode, ale so štvornásobným počtom inštalácií.

Toto je zaujímavé. Inverzný vzťah medzi objemom inštalácií a hodnotením musí mať svoj dôvod.

Skúsenosti s editorom

WPCode používa editor ACE, ktorý, verte mi, má výrazne tradičný štýl WordPressu. Má síce zvýrazňovanie kódu, ale farebná schéma je dosť konzervatívna a zabudnite na dokončovanie kódu. Ak ste zvyknutí na VS Code, jeho použitie tu vám dá dezorientujúci pocit „Ach, cestoval som o päť rokov späť.“

Fluent Snippets je iný; je priamo integrovaný do Monaco Editoru.

Áno, je to ten istý editor ako VS Code. Zvýrazňovanie kódu, automatické dopĺňanie, syntaktické rady – celý zážitok je takmer identický s lokálnym písaním kódu. Keď som ho prvýkrát použil, okamžite som sa doňho zamiloval. Bol to ten pocit „konečne plugin, ktorý je ochotný vytvoriť slušný editor!“.

Ale tu je otázka: znamená lepší editor nevyhnutne lepšiu používateľskú skúsenosť?

neistý.

Poznám kamaráta v Šen-čene, ktorý prevádzkuje webovú stránku s obsahom. Je samostatne vlastníkom webovej stránky a sám spravuje viac ako tridsať webových stránok. Povedal mi, že miluje WPCode. Prečo? Pretože je jednoduchý. Otvorte backend, niekoľkokrát kliknite, zobrazí sa kód a to je všetko. Nepotrebuje žiadne zložité funkcie; potrebuje stabilitu a bezchybnú prevádzku.

Tie slová ma v tej chvíli naozaj dojali.

Áno, Monaco Editor je skvelý a veľmi výkonný. Ale pre niekoho, kto spravuje viac ako tridsať webových stránok denne, je samotná krivka učenia sa záťažou.

Metóda skladovania

Keďže sme si pohovorili o editore, prejdime k niečomu hardcore.

WPCode je uložený v databáze a všetky úryvky sú uložené v tabuľke wp_options. Každá operácia čítania zahŕňa databázový dotaz a v scenároch s vysokou súbežnosťou sa tento počet dotazov môže akumulovať.

Fluent Snippets používa úložisko súborov. Úryvky kódu sú uložené ako súbory PHP v adresári wp-content/fluent-snippets/ a WordPress ich zahrnie priamo počas vykonávania, čím obíde databázové dotazy.

Teoreticky je ukladanie súborov rýchlejšie a bezpečnejšie.

Prečo sa to považuje za bezpečnejšie? Pretože ukladanie súborov inherentne izoluje riziko SQL injection; v databáze nie sú žiadne úryvky kódu, ktoré by sa dali injektovať.

Ale je tu jedno ale.

Ukladanie súborov má tiež svoje vlastné problémy. Pri každej aktualizácii úryvku kódu sú potrebné oprávnenia na zápis. Ak je server nesprávne nakonfigurovaný alebo v určitých špeciálnych prostrediach virtuálneho hostingu sa pri zápise súborov môžu vyskytnúť problémy. Predtým sa niekto v skupine sťažoval, že kód po aktualizácii úryvku kódu nefunguje, a po prešetrení sa zistilo, že ide o problém s oprávneniami na zápis súboru.

Preto neexistuje žiadne zázračné riešenie; každý má svoj vlastný scenár.

Podmienky zaťaženia

Tu spočíva najzreteľnejší rozdiel medzi týmito dvoma pluginmi.

Podmienené načítavanie vo WPCode je pomerne základné a podporuje načítavanie v popredí aj na pozadí. Môžete ho tiež globálne povoliť alebo zakázať. Je to také jednoduché.

Podmienené načítanie úryvkov kódu vo Fluent je neuveriteľné; môže byť založené na používateľských rolách, pravidlách URL, typoch zariadení a dokonca aj na vlastných poliach. Jeho profesionalita je mimoriadna.

这意味着什么？

To znamená, že môžete dosiahnuť veľmi jemnú kontrolu. Napríklad požiadavka „načítať tento kód iba na mobilných zariadeniach, kde URL adresa obsahuje /product/ a používateľ nie je prihlásený“ je v podstate nemožné dosiahnuť v WPCode, ale je to štandardná funkcia v Fluent Snippets.

Samozrejme, sú s tým spojené aj náklady. Čím zložitejšia konfigurácia, tým vyššie sú náklady na údržbu. O šesť mesiacov neskôr je otázne, či vôbec rozumiete podmienkam a pravidlám, ktoré ste napísali.

Moje pocity

WPCode je ako švajčiarsky nôž: je dostatočný a stabilný, ale jeho funkčnosť má svoje obmedzenia.

Fluent Snippets sú ako profesionálna sada nástrojov; môžete urobiť viac, ale musíte vedieť, čo robíte.

Úprimne povedané, títo dvaja nie sú ani konkurentmi v rovnakej oblasti.

Ak prevádzkujete iba osobnú webovú stránku alebo prevádzku v malom rozsahu, WPCode je postačujúci. Jeho najväčšia hodnota spočíva v dobrej správe kódu, vyhýbaní sa chybám a zabezpečovaní stabilnej prevádzky.

Ak vykonávate sofistikované operácie alebo má vaša stránka zložitú obchodnú logiku, podmienené načítanie úryvkov kódu vo Fluent Snippets môže byť záchranou.

Praktické využitie: Typ obsahu nemôže priamo volať shortcodes

Dobre, teraz, keď sme si prebrali základné porovnania, prejdime k praktickým príkladom.

Mnoho ľudí vytvára úryvok typu obsahu vo Fluent Snippets a potom doňho píšu shortcody.

ako napr

[nihaoya]

Presne tak.

Dovoľte mi povedať, že som už predtým spadol do tejto pasce.

Fluent Snippets podporuje tri typy úryvkov: typ PHP, typ obsahu a typ CSS/JS.

Ak je váš úryvok kódu nastavený na typ Obsah (PHP+HTML), napíšte dovnútra nasledovné: [nihaoya]Neanalyzuje to; iba... [nihaoya] Tieto znaky sa vypíšu presne tak, ako boli.

Je to len obyčajný text, nie skrátený výstup.

Aby sa shortcode skutočne spustil, musí byť obalený vo funkcii PHP `do_shortcode()`. Syntax je nasledovná:

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

Týmto spôsobom WordPress analyzuje shortcode a vypíše zodpovedajúci obsah.

Trvalo mi dlho, kým som na to prišiel; v dokumentácii to nebolo jasne uvedené.

Ak váš úryvok kódu používa typ PHP, je to ešte jednoduchšie: stačí napísať príkaz `return` do funkcie, zaregistrovať ho pomocou `add_shortcode` a shortcode bude fungovať správne. Nie je tu žiadna nejednoznačnosť; problém spočíva výlučne v type obsahu.

Mám podozrenie, že autor tejto funkcie predpokladal, že typ Content je primárne určený pre HTML obsah a že skrátený zápis by sa mal spracovávať pomocou PHP typov, a preto chýba jasné označenie tejto skutočnosti v rozhraní. V praxi však veľa ľudí používa oba typy zameniteľne, čo vedie k problémom.

na záver

Pre koho je WPCode vhodný? Pre malé webové stránky s jednoduchými potrebami a pre tých, ktorí sa nechcú namáhať. Je pripravený na použitie hneď po vybalení, s krátkou krivkou učenia a riešenie problémov je jednoduché.

Pre koho sú vhodné úryvky kódu Fluent ? Pre stredné až veľké webové stránky so zložitým podmieneným riadením a zameraním na výkon. Ukladanie súborov znamená rýchlejšiu rýchlosť vykonávania, podmienené načítanie znamená presnejšiu kontrolu a editor Monaco znamená pohodlnejší vývojový zážitok.

Samozrejme, toto platí za predpokladu, že ste ochotní zaplatiť náklady na učenie sa za tieto „viac“.

Úprimne povedané, ak len pridávate kód Google Analytics alebo upozornenie na autorské práva na koniec svojho článku, WPCode je úplne v poriadku. Naozaj nie je potrebné sa trápiť s úpravou Fluent Snippets pre „lepší editor“.

Ak však vaša stránka vyžaduje A/B testovanie a potrebuje načítať rôzny kód podľa zariadenia, role používateľa alebo typu stránky, podmienené načítanie Fluent Snippets vám môže ušetriť veľa manuálneho posudzovania a programovania.

Ešte jedna posledná vec.

Nástroje sú len prostriedky; ich skutočná hodnota spočíva v tom, či dokážete maximalizovať ich potenciál.

WPCode je populárny nástroj, ktorý je stabilný, ľahko použiteľný a vhodný na rýchle nasadenie. Fluent Snippets je profesionálny nástroj, ktorý ponúka vyšší výkon, flexibilnejšiu kontrolu podmienok a je vhodný pre vývojárov a komplexné webové stránky.

Výber pluginov nie je o predvádzaní vašich schopností, ale o tom, aby bola vaša webová stránka stabilnejšia, rýchlejšia a bezpečnejšia.

Pevne verím, že to, čo vám najviac vyhovuje, je najlepšie, nie nevyhnutne tým viac funkcií alebo tým silnejšie sú.

Zhrnutie jednou vetou

• Malá stránka, jednoduché požiadavky → WP kód
• Veľké pracovisko, komplexná kontrola stavu → Úryvky Fluent

Na záver jedna rada: Najcennejším objavom je získanie praktických skúseností a spustenie kódu. Neukladajte si to len do záložiek bez precvičovania, všetci!