WPCode vs Fluent Snippets: Шта је боље? Поређење додатака и практични водич

Чак и најлепши код може да осакатим вашу WordPress веб страницу ако изаберете погрешне додатке.

Ово није претеривање. Видео сам превише веб-сајтова који су радили сасвим добро, само да би им брзина учитавања скочила са 0.8 секунди на 3 секунде након додавања неколико исечака кода. Након дуге истраге, испоставило се да је одређени исечак кода покретао гомилу непотребних упита у бази података.

Дакле, данас ћемо причати о WPCode-у и Fluent Snippets-у, два додатка за управљање фрагментима кода који се често упоређују у WordPress заједници.

Да будем искрен, користио сам оба у великој мери и чак сам помагао пријатељима да избегну неке замке. Данас ћу поделити сва своја искрена искуства.

Дозволите ми да почнем са неким позадинским информацијама.

У суштини постоји неколико начина за додавање прилагођеног кода у WordPress. Један је директно мењање датотеке functions.php теме, што је једноставно и директно, али се све губи са сваким ажурирањем; други је коришћење подтеме, која је мало боља, али и даље има веће трошкове одржавања; и трећи је проналажење поузданог додатка за фрагменте кода, који је безбеднији за управљање и извршавање.

WPCode и Fluent Snippets су конкуренти у ове две групе.

WPCode , ветеран у WordPress заједници, производ је WPCode тима и увек је уживао добру репутацију. Има оцену 4.9 од 10; упркос томе што има само 31 рецензију, та оцена говори сама за себе.

Fluent Snippets , још један производ тима WPManageNinja — да, истог тима који је направио FluentCRM. Има преко 40 инсталација и оцену 4.6, нешто мање од WPCode-а, али са четири пута већим бројем инсталација.

Ово је занимљиво. Инверзна веза између броја инсталација и рејтинга мора имати разлог.

Искуство уредника

WPCode користи ACE едитор, који, дозволите ми да вам кажем, има изразито традиционални WordPress стил. Има истицање кода, али је шема боја прилично конзервативна, и заборавите на довршавање кода. Ако сте навикли на VS Code, његово коришћење овде ће вам дати дезоријентишући осећај „Ах, вратио сам се пет година уназад“.

Fluent Snippets је другачији; директно је интегрисан у Monaco Editor.

Да, то је исти едитор као и VS Code. Истицање кода, аутоматско довршавање, синтаксни савети — цело искуство је готово идентично писању кода локално. Када сам га први пут користио, одмах сам се заљубио у њега. Био је то тај осећај „коначно, додатак који је спреман да направи пристојан едитор!“

Али ево питања: да ли бољи едитор нужно значи и боље корисничко искуство?

неизвесно.

Познајем пријатеља у Шенжену који води бизнис за веб сајтове са садржајем. Он је самостални власник веб сајта, сам одржава преко тридесет веб сајтова. Рекао ми је да воли WPCode. Зашто? Зато што је једноставан. Отвори бекенд, кликне неколико пута, код се појави и то је то. Не требају му никакве фенси функције; потребна му је стабилност и рад без грешака.

Те речи су ме заиста дирнуле у том тренутку.

Да, Monaco Editor је одличан и веома моћан. Али за некога ко свакодневно управља са више од тридесет веб-сајтова, сама крива учења је терет.

存储方式

Након што смо разговарали о едитору, пређимо на нешто озбиљније.

WPCode се чува у бази података, а сви исечци се чувају у табели wp_options. Свака операција читања укључује упит бази података, а у сценаријима са високом конкурентношћу, овај број упита може се акумулирати.

Fluent Snippets користи складиштење датотека. Исечци кода се чувају као PHP датотеке у директоријуму wp-content/fluent-snippets/, а WordPress их укључује директно током извршавања, заобилазећи упите бази података.

Теоретски, складиштење датотека је брже и безбедније.

Зашто се сматра безбеднијим? Зато што складиштење датотека инхерентно изолује ризик од SQL инјекције; у бази података нема исечака кода који се могу инјецирати.

Али постоји једно „али“.

Складиштење датотека такође има своје проблеме. Сваки пут када се фрагмент ажурира, потребне су дозволе за писање. Ако је сервер неправилно конфигурисан или у одређеним посебним виртуелним окружењима за хостовање, писање датотека може наићи на проблеме. Раније се неко у групи жалио да код није радио након ажурирања фрагмента, а након истраге, утврђено је да је проблем у дозволама за датотеке.

Стога, не постоји чаробни штап; свако има свој сценарио.

Услови оптерећења

Овде лежи најочигледнија разлика између ова два додатка.

WPCode-ово условно учитавање је прилично основно, подржава учитавање и у првом плану и у позадини. Такође можете да га омогућите или онемогућите глобално. Толико је једноставно.

Условно учитавање Fluent Snippets-а је невероватно; може бити засновано на корисничким улогама, URL правилима, типовима уређаја, па чак и прилагођеним пољима. Његов професионализам је запањујући.

这意味着什么?

То значи да можете постићи веома прецизну контролу. На пример, „учитај овај код само на мобилним уређајима где URL садржи /product/ и корисник није пријављен“ је захтев који је у основи немогуће постићи у WPCode-у, али је стандардна функција у Fluent Snippets-има.

Наравно, постоје трошкови. Што је конфигурација сложенија, то су већи трошкови одржавања. Шест месеци касније, питање је да ли уопште можете разумети услове и правила која сте написали.

Моја осећања

WPCode је као швајцарски нож: довољан је и стабилан, али његова функционалност има ограничења.

Флуент Сниппетс су као професионални алат; можете учинити више, али морате знати шта радите.

Искрено, њих двоје нису чак ни конкуренти у истој области.

Ако водите само лични веб-сајт или мали посао, WPCode је довољан. Његова највећа вредност лежи у добром управљању кодом, избегавању грешака и обезбеђивању стабилног рада.

Ако обављате софистициране операције или ваш сајт има сложену пословну логику, условно учитавање Fluent Snippets-а може бити спас.

Практична примена: Тип садржаја не може директно да позива кратке кодове

У реду, сада када смо покрили основна поређења, хајде да пређемо на неке практичне примере.

Многи људи креирају исечак типа садржаја у Fluent Snippets-у, а затим у њега пишу кратке кодове.

као такав

[nihaoya]

Тако је.

Да вам кажем, већ сам упао у ову замку.

Fluent Snippets подржава три типа исечака: PHP тип, тип садржаја и CSS/JS тип.

Ако је ваш исечак кода подешен на тип Садржај (PHP+HTML), унутра напишите следеће: [nihaoya]Неће га анализирати; само ће... [nihaoya] Ови знакови се приказују тачно онако како су и били.

То је само обичан текст, а не скраћени излаз.

Да би се кратки код заиста извршио, мора бити упакован у PHP функцију `do_shortcode()`. Синтакса је следећа:

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

На овај начин, WordPress ће анализирати кратки код и приказати одговарајући садржај.

Требало ми је дуго времена да ово схватим; није било јасно наведено у документацији.

Ако ваш исечак користи PHP тип, још је једноставније: само напишите `return` наредбу у функцији, региструјте је са `add_shortcode` и кратки код ће исправно радити. Нема двосмислености; проблем је искључиво у типу садржаја (Content).

Сумњам да је особа која је написала ову функцију претпоставила да је тип садржаја првенствено намењен HTML садржају и да скраћенице треба обрађивати помоћу PHP типова, па отуда и недостатак јасне назнаке овога на интерфејсу. Међутим, у пракси многи људи користе оба типа наизменично, што доводи до проблема.

у закључку

За кога је WPCode погодан? За мале веб странице са једноставним потребама и за оне који не желе да улажу труд. Спреман је за употребу одмах по распакивању, уз мало учења, а решавање проблема је једноставно.

За кога су Fluent Snippets погодни? За средње и велике веб странице са сложеном условном контролом и фокусом на перформансе. Складиштење датотека значи брже извршавање, условно учитавање значи прецизнију контролу, а Monaco Editor значи удобније искуство развоја.

Наравно, ово је под претпоставком да сте спремни да платите трошкове учења за ово „више“.

Искрено, ако само додајете код за Google аналитику или обавештење о ауторским правима на крају чланка, WPCode је сасвим у реду. Заиста нема потребе да се мучите са подешавањем Fluent Snippets-а за „бољи уређивач“.

Међутим, ако ваш сајт захтева А/Б тестирање и треба да учитава различит код према уређају, корисничкој улози или типу странице, условно учитавање Fluent Snippets-а може вам уштедети много ручног процењивања и хард кодирања.

Још једна ствар.

Алати су само средства; њихова права вредност лежи у томе да ли можете максимално искористити њихов потенцијал.

WPCode је популаран алат који је стабилан, једноставан за коришћење и погодан за брзо имплементирање. Fluent Snippets је професионални алат који нуди јаче перформансе, флексибилнију контролу услова и погодан је за програмере и сложене веб странице.

Избор додатака није ствар показивања ваших вештина, већ у томе да ваш веб сајт буде стабилнији, бржи и безбеднији.

Чврсто верујем да је оно што вама најбоље одговара најбоље, не нужно што више карактеристика или што су јаче.

сажетак једне реченице

• Мали сајт, једноставни захтеви → ВПЦоде
• Велико место, комплексна контрола стања → Fluent Snippets

На крају, ево једног савета: Највредније истраживање је стицање практичног искуства и покретање кода. Немојте га само обележавати без вежбања, људи!