Premi questo: non aver paura, è solo WordPress senza testa con Fran Agulto

Benvenuto in Press This, il podcast della community di WordPress di WMR. Ogni episodio presenta ospiti provenienti da tutta la comunità e discussioni sui più grandi problemi che gli sviluppatori di WordPress devono affrontare. Quella che segue è una trascrizione della registrazione originale.

Realizzato da RedCircle

Doc Pop : stai ascoltando Press This, un podcast della community di WordPress su WMR. Ogni settimana, mettiamo in evidenza i membri della community di WordPress. Sono il tuo host, Doc Pop, supporto la community di WordPress attraverso il mio ruolo in WP Engine e i miei contributi su TorqueMag.io. Puoi iscriverti a Press This su Red Circle, iTunes, Spotify o scaricare episodi direttamente su wmr.fm.

WordPress senza testa è un argomento importante nella scena di WordPress in questi giorni. Ma molte persone come me potrebbero essere ancora un po' spaventate quando sentiamo il termine senza testa. E non solo perché è vicino ad Halloween e siamo spaventati per questo. Penso che sia ora di superare questa paura. Quindi ho chiesto a Fran Agulto, Developer Advocate di WP Engine di aiutarmi a capire i pro ei contro di headless. Fran, come stai oggi?

Fran Agulto: Oh Doc, grazie per avermi ospitato. E sì, hai ragione, è Halloween ma non avremo paura perché il Cavaliere Senza Testa è qui. Sì, oggi sto bene. Grazie.

DP: Fantastico. Sai, inizierò se potessi dirci qual è la tua storia di origine di WordPress? Come sei entrato in questo spazio?

FA: Bella domanda. In realtà, la mia storia di origine di WordPress scorre attraverso WP Engine. Quando ho iniziato a cercare un lavoro nel settore tecnologico, non avevo esperienza di programmazione. In realtà avevo toccato solo un sito WordPress una volta nella mia vita ed era tornato al college. E stavo solo facendo un cambiamento cercando di entrare nella tecnologia.

Bene, WP Engine stava assumendo rappresentanti di vendita. Quindi sono salito a bordo con WP Engine sul lato delle vendite delle cose con WordPress non sul lato tecnico a partire.

Quindi questa è la mia storia di origine. Ho superato il motore WP sul lato delle vendite e sai attraverso la loro formazione qui a WP Engine, se sei più sul lato delle vendite e del marketing, ti danno l'intero tipo di discorso su cosa è WordPress come CMS e come sistema di gestione, se vuoi.

DP: Sì. E così tu ed io stavamo parlando al WordCamp US a San Diego, e so che senza testa è una cosa importante per te. Qual è il tuo ruolo attuale in WP Engine e come si collega questo tipo di collegamento con WordPress senza testa?

FA: Sì, quindi è una buona domanda. Il mio ruolo attuale qui è Developer Advocate, Level Two, nel team di relazioni con gli sviluppatori senza testa qui a WP Engine, e si collega a WordPress senza testa. Con il team di relazioni con gli sviluppatori di WP Engine, ci sono due lati della casa, Doc.

C'è il tradizionale lato della casa di WordPress con cui la maggior parte delle persone che usano WordPress hanno familiarità, se non tutte. E poi c'è il lato senza testa della casa, che sto sostenendo da parte mia. Ed è quello che faccio. In sostanza, scrivo solo articoli tecnici per post sul blog e video di YouTube sulla codifica e su come non essere spaventato, se vuoi, come stavi dicendo nella tua introduzione sull'adattamento di questa metodologia.

DP: Beh, sai, stiamo parlando di essere spaventati e cercheremo di mantenere questo, sai, onesto e parlare dei pro e contro dei senza testa. Immagino che iniziamo solo con i professionisti dell'headless tramite WordPress. Cosa ti viene in mente quando pensi a quelli?

FA: Sì, quindi in realtà ci sono tre vantaggi o vantaggi principali, Doc, sul perché le persone, le organizzazioni, le piccole e medie imprese, le agenzie, vanno ad adattare WordPress senza testa. La prima cosa è la velocità. Destra? Perché dal punto di vista dell'esperienza utente, tutti sanno nello sviluppo web che se hai un sito lento, indovina cosa rimbalzerà, i tuoi utenti. Ciao ciao. Quindi sai, vuoi quei siti super veloci e veloci che essenzialmente offrono un'esperienza utente eccezionale e migliorano quei Google Core Web Vitals.

Questo è uno dei vantaggi di WordPress senza testa, è invece di un meccanismo di rendering lato server monolitico e tradizionale di WordPress che è ciò che WordPress fa su ogni richiesta. Quando sei un utente che visita un sito, ci vuole un viaggio di andata e ritorno. Va al server, il PHP esegue il codice e quindi invia l'HTML al browser per l'utilizzo. Ora, ancora una volta, puoi velocizzare WordPress tradizionale, ma al suo interno sul lato senza testa fuori dagli schemi, quando disaccoppi WordPress e lo consumi semplicemente come livello API e hai file statici su dati CDN già precostruiti, è veloce .

Questo è il primo e più importante professionista, Doc, e poi il secondo è la sicurezza. E il motivo è che quando disaccoppia qualsiasi applicazione Web o sito Web non deve essere WordPress senza testa, il tuo back-end è nascosto. Destra? La maggior parte delle persone che sono esperte di tecnologia e potrebbero essere in grado di decifrare se stai usando WordPress non sapranno nemmeno se stai usando WordPress a meno che tu non stia esponendo le tue variabili d'ambiente nel tuo repository.

E poi la seconda cosa, perché è più sicuro perché la superficie di attacco è molto inferiore, essenzialmente, perché quando si disaccoppia, ci si trova su un framework front-end che ora è responsabile invece del PHP del rendering dell'HTML nel browser, ed è solo una superficie di attacco inferiore perché c'è così tanta nefandezza che puoi fare in un browser.

E poi il terzo e ultimo, essenzialmente è la prova futura del tuo stack tecnologico. Quello che intendo con questo è che con WordPress senza testa quando disaccoppi il tuo stack tecnologico, prendi quello che viene chiamato approccio o metodologia di sviluppo guidato dalle API. E in questo modo, come se fosse molto più facile non solo consentire ai tuoi utenti di accedere al tuo sito Web o applicazione Web tramite un browser desktop, ma anche a un chiosco multimediale, uno schermo in una Tesla, un'app mobile, è solo molto più facile consumare i dati di WordPress e quindi lancialo su qualsiasi tipo di nodo simile che il tuo utente utilizzerà. Quindi questo è il vantaggio.

DP: Ok, sì, è interessante. Ora ce ne sono un paio che mi vengono in mente e non ho un sito senza testa, non ho sperimentato con senza testa, uso WordPress. Puoi farmi sapere se questo è giusto. Bene, prima di tutto la gestione dei contenuti se stai usando WordPress e stai usando un senza testa puoi puntarlo a te, qualunque app web o qualunque cosa tu voglia fare. Quel lato di gestione dei contenuti precostruito, sai con WordPress deve essere super fluido. Chiunque, indipendentemente dalla sua conoscenza di come utilizzare un sito Web o come creare un sito Web, potrebbe facilmente entrare. Gli stessi vantaggi solo per WordPress in generale. Possono entrare e scrivere il loro post sul blog e pubblicarlo in modo semplicissimo, giusto?

FA: In realtà è corretto al 100%. Sì. Hai inchiodato, hai inchiodato quello. Sì. In sintesi, Doc, hai azzeccato. Sì.

DP: E poi immagino che mi vengano in mente altre cose che non hai menzionato, era un po' come controllare per vedere, sembra che se stai costruendo WordPress senza testa, potrei sbagliarmi su questo ma mi sembra che tu Avremo molti strumenti grazie a tutti i plugin che le persone hanno messo a disposizione, che potrai integrare, a meno che non ci sia qualche motivo per cui non puoi farlo con headless. Ma sembra che potresti probabilmente ottenere un sacco di plugin SEO o altro. E molto rapidamente, tutto l'ecosistema di WordPress è a portata di mano, anche se stai costruendo senza testa, suona bene?

FA: Uno dei veri svantaggi di WordPress senza testa è sul lato WordPress delle cose, Doc. Soprattutto i plugin, ovviamente, che renderebbero, manipolerebbero o modificherebbero il tuo front-end. Puoi dimenticarlo. Non funzionerà in modo senza testa. E, in effetti, direi che la maggior parte dei plugin di WordPress non funziona in un senso senza testa.

Quello che dovrai usare per avere una parodia o un confronto, cos'è un plugin per lo sviluppatore WordPress tradizionale nell'ecosistema front-end di Node JS e framework come React, Vue Angular, hai pacchetti NPM, che sta per node gestore di pacchetti. E se sei uno sviluppatore di WordPress, questi sono i plug-in nell'ecosistema front-end a cui dovrai abituarti e utilizzare.

DP: Sai, penso che sia un ottimo posto dove fermarsi per un minuto. Faremo una breve pausa e quando torneremo, parleremo con Fran Agulto dei pro, torneremo e parleremo dei contro di WordPress senza testa. Stai ascoltando Press This.

DP: Stai ascoltando Press This, un podcast della community di WordPress su WMR. Questa settimana parliamo con Fran Agulto, Developer Advocate presso WP Engine. Stiamo parlando dei pro e contro dell'headless e del motivo per cui dovresti o non dovresti aver paura di WordPress senza testa.

Finora, abbiamo coperto i vantaggi che sono semplicemente un caricamento più veloce. Stai dicendo che WordPress senza testa è semplicemente super scattante. Sicurezza, non chiarire su cosa è costruito il sito? Non ricevi hacker, nessuna di queste informazioni, è solo frontale.

A prova di futuro. Ho menzionato la gestione dei contenuti, e poi siamo entrati nei contro e stavi solo dicendo che la maggior parte dei plugin non funziona. Statisticamente parlando, stai solo dicendo che ritieni che la maggior parte dei plug-in di WordPress probabilmente non funzionerà con headless e immagino sia perché la maggior parte di quei plug-in è probabilmente progettata con modifiche del tipo front-end.

FA: Sì, è corretto al 100%. Sì. Il fatto è che se un plug-in nel senso tradizionale di WordPress è fatto per apportare una sorta di modifica al front-end, non funzionerà perché l'idea è che hai disaccoppiato il front-end in modo che si rompa. Questo si romperà nel WordPress tradizionale o in WordPress senza testa, scusami.

Tuttavia, Doc, ecco la cosa, qualsiasi plugin di WordPress che fa qualcosa solo sul back-end. Destra? Ad esempio, Doc, sono sicuro che hai familiarità con i campi personalizzati avanzati, che ti aiutano a creare tipi di contenuto personalizzati. E c'è Yoast SEO per WPGraphQL che è un plugin WordPress senza testa. Queste cose funzionano perché le persone hanno scritto codice PHP per estendere quei plugin in modo che possano essere integrati con un approccio headless, se questo ha senso.

DP: Sì. Quindi parliamo di alcuni altri svantaggi del fare WordPress senza testa.

FA: Oh, sì, ce ne sono molti. [risata]

DP: Va bene, va bene. [Risate] Bene, abbiamo circa sette minuti. Che tipo di cosa viene in mente, qual è forse la più grande truffa che qualcuno sta pensando di diventare senza testa, potrebbe non volerlo effettivamente fare a causa di questa truffa?

FA: Sì, ecco la cosa, amico, te lo dico io. Ero al WordCamp US, infatti, ti ho incontrato laggiù, Doc, e stavo parlando con molte persone che si sono avvicinate e mi hanno fatto questa domanda a caso. Il nocciolo della questione è, in fondo, e il motivo per cui è stato inventato, WordPress è così semplice, è WYSIWYG, "Quello che vedi è quello che ottieni". Destra? E devo dirti che mia madre e mia sorella sanno come usare WordPress. Mia madre non è affatto tecnica. Ma sa come entrare nell'amministratore di WP e scrivere semplicemente alcuni contenuti in un blocco. E lei dice: "Oh, guarda, è live su un URL".

Il problema principale o la contro, se vuoi, è la curva di apprendimento e la barriera di accesso a questo approccio, onestamente. Perché numero uno, dovrai essere esperto e fluente in JavaScript. Questo è il numero uno. Ok, ciò richiede la codifica.

DP: Oh. Il mio cuore batte. [risata]

FA: Doc, fidati di me quando mi sono iscritto per la prima volta al mio campo di addestramento JavaScript, il mio cuore batteva fuori dal petto. Quindi questa è la prima cosa. Questa è la prima e più importante cosa che è la contro di questa cosa è che non c'è solo un debito tecnico che accumulerai perché se non lo sai, dovrai pagare uno sviluppatore JavaScript ora per mantieni il tuo blog WordPress se vai senza testa, giusto. Se stai usando WooCommerce come azienda e vuoi andarci senza testa, dovrai prendere in considerazione l'idea di procurarti un team ora, che può codificare in JavaScript se non puoi, questa è la cosa principale. Questa è la cosa principale.

La seconda cosa, il principale svantaggio, è il divario o il ponte tra, e penso che alcune di queste cose che stiamo effettivamente risolvendo su WP Engine, il che è fantastico. E non sto solo dicendo questo. Amo WP Engine, lavoro qui ma posso scegliere dove voglio lavorare. Stiamo risolvendo il problema del fatto che quando hai un team di marketing o un editor di contenuti nella tua organizzazione, o qualunque cosa tu stia utilizzando WordPress, sono abituati a entrare in WordPress, nell'editor di blocchi, a scrivere giù il contenuto, digitando il contenuto, premendo il pulsante di anteprima in modo che possa vedere come apparirà dal vivo sull'URL o semplicemente premendo Pubblica e vederlo dal vivo.

Sfortunatamente, non è il caso di WordPress senza testa. Devi anche configurare e manipolare le cose che WP Engine sta risolvendo immediatamente. Affinché quel ponte, se vuoi, Doc, funzioni. In modo che gli editor di contenuti abbiano più familiarità con il flusso di lavoro. Perché è un flusso di lavoro senza testa disaccoppiato, se vuoi, quando sei disaccoppiato in quel modo. Quindi questi sono i due principali svantaggi di esso. È la complessità, e quindi devi essenzialmente assumere programmatori. E poi indovina un po', quello a cui sei abituato sul WYSIWYG deve essere configurato e ci sono cose che devi cablare ora per replicarlo.

DP: Quindi penso che quello che sento è che quando vado sul mio sito WordPress e faccio una modifica, premo Aggiorna o qualsiasi altra cosa, vado al sito Web, premo Aggiorna e quella modifica è lì. E con headless tradizionalmente, dovrai fare qualche passaggio in più rispetto al semplice aggiornamento. È questo che stai dicendo?

FA: 100% Sì, è corretto al 100%. Sì. Sì.

DP: E stai menzionando cosa stai lavorando con WP Engine. Immagino che sia Atlas?

FA: Sì, quello è Atlas. Corretta. Questa è la spina spudorata, tutti. Ma questo è ciò a cui mi riferivo è il modo in cui WP Engine sta risolvendo questo problema. In sostanza, abbiamo preso lo sviluppatore dalla fatica, vorrei chiamarlo, della dolorosa bistecca di dover cablare tutto ciò di cui ti ho appena parlato, Doc.

Quindi ora se sono uno sviluppatore e la mia azienda o il mio team o sono in un'agenzia e l'agenzia dice: "Fran, devi programmare questo sito. Il proprietario del sito vuole utilizzare WordPress come CMS ma vuole andare senza testa per i professionisti.

Con la piattaforma Atlas, Doc, in due o tre clic, sei configurato e consente a quell'editor di contenuti di essere come "Oh amico, wow. Posso premere l'anteprima o pubblicare. Ed è essenzialmente lo stesso flusso di lavoro che stavo usando nel senso tradizionale di WordPress. Ma ora è senza testa. E non devo nemmeno saperlo". Perché è essenzialmente una parodia. È lo stesso flusso. Questo è ciò per cui WP Engine ha risolto.

DP: E quindi ricapitoliamo ancora una volta i pro ei contro. Quindi abbiamo detto che i vantaggi sono la sicurezza di caricamento più rapida, la prova di futuro e la gestione dei contenuti sarà più semplice.

I contro, sembra che la maggior parte dei plugin probabilmente non funzionerà, quindi non avrai necessariamente l'intero ecosistema ma ne avrai parti. E inoltre, in senso lato, se stai costruendo un sito WordPress senza testa, è probabile che tu debba conoscere JavaScript, dovrai sapere come farlo, una volta creato contenuto, come in un certo senso spingerlo in modo che vada in diretta. Non è solo un processo con un clic ed è un po' dal vivo.

FA: 100% Sì, devi essenzialmente entrare in una riga di comando, un terminale, devi gestire i repository e controllare i rami. Sì. Quindi c'è una curva di apprendimento complessa.

DP: Beh, penso che sia un buon posto per prendersi una pausa. E quando torneremo, parleremo di come superare quelle paure, se le hai. Se vuoi fare WordPress senza testa, come superarli. E sai, sta finendo questo episodio, quindi resta sintonizzato per saperne di più con Fran Agulto.

DP: Stai ascoltando Press This, un podcast della community di WordPress su WMR. Ogni settimana mettiamo in evidenza i membri della community di WordPress e questa settimana parliamo con Fran Agulto, un sostenitore degli sviluppatori presso WP Engine di WordPress senza testa, il che suona alla grande perché è un po' il periodo dell'anno in cui avere paura. E sai, prima dello spettacolo, io e Fran parlavamo di arrampicata su roccia. E sono solo un po' curioso, come con l'arrampicata su roccia, avevi paura dell'altezza quando hai iniziato?

FA: Oh, voglio dire, sì lo ero. Ho decisamente avuto una paura più che salutare delle altezze, Doc, diciamo solo.

DP: Una sana paura, sì. E mi chiedo solo se ci sono lezioni lì. Forse questo è un tratto. C'è qualche tipo di lezione lì su come ti sei sentito e su come l'hai superato con il modo in cui alcune persone potrebbero essere nervose. Probabilmente hanno un'applicazione che vorresti sapere, probabilmente dovrebbero fare WordPress senza testa, ma sono solo nervosi all'idea di fare quel salto. Quali crossover hai da come, i tuoi giorni di arrampicata che potresti portare.

FA: Sì, in realtà è una buona analogia, se vuoi. Ecco la cosa, giusto. Alla fine, la maggior parte della paura penso, Doc, e riguarda lo sviluppo del web, l'arrampicata su roccia, motivo per cui questa è una buona analogia o addirittura come essere sposati o avere figli, qualunque cosa tu stia facendo nella vita . La paura è principalmente dovuta all'ignoto e alla non familiarità. Gli esseri umani temono cose che non sono familiari.

Ma indovinate un po? Quella paura diminuisce, più sei abituato a qualcosa, quindi facciamo un passo indietro qui. WordPress. Doc, sei nel gioco WordPress da più tempo di me. Voglio dire, mi occupo di WordPress da quattro anni ormai. Da quanto tempo sei nel gioco WordPress?

DP: Tipo quattro anni in un mese. [risata]

FA: Oh quattro anni e un mese. Quindi siamo pari.

DP: No, sono un mese avanti! [Risate} No, penso che siano passati 12 anni a lavorare con aziende WordPress e cose del genere.

FA: Va bene.

DP: Quindi sì, è un po'.

FA: Quindi ecco la cosa. Il motivo per cui è il CMS più amato ed è come se non conoscessi il 35-40% di Internet. Non sono rimasto per lo stato di WordPress di Matt Mullenweg al WordCamp, mi sono dato da fare. Ma WordPress è enorme. E c'è una ragione per questo. È uscito presto e ha acquisito familiarità con la sua facilità d'uso. Ok, quindi le persone si sentono a proprio agio con esso.

La parodia che voglio fare con l'arrampicata su roccia è che ne avevo paura perché ovviamente le altezze sono altezze. Ma se capisci la protezione che hai mentre stai arrampicando su roccia, diminuisce quella paura perché sei abituato a un certo flusso. Ed è esattamente così che sono entrato e sono rimasto, sostenendo WordPress senza testa e passando quel campo di addestramento JavaScript ad essere onesti perché ogni giorno era spaventoso. Sono tipo, il mio codice si romperà oggi? E cosa ci faccio anche con questo? Ma questo è il punto, giusto?

È questo dal punto di vista dell'adattamento, ed è per questo che WP Engine è così investito in questo è perché alla fine della giornata con lo sviluppo web e Internet, il futuro è lo sviluppo disaccoppiato guidato dalle API. E non vogliamo che WordPress sia una tecnologia secolare che nessuno usa più. Vogliamo portarlo insieme al cosiddetto jamstack, se vuoi, che è una parola d'ordine tecnologica, ma sta per JavaScript API markup. Alla fine del giorno. Significa solo che hai un endpoint API, che in questo caso è WordPress. E poi consumeremo quei dati da WordPress su qualsiasi front-end tu voglia utilizzare.

Ora, dal punto di vista del flusso, penso, Doc, onestamente, specialmente con ciò che sta facendo WP Engine e come le persone lo stanno semplicemente adattando. Una volta che avrà preso piede, e il nostro team per le relazioni con gli sviluppatori sta aiutando a ridurre la barriera all'ingresso e a rendere le persone più abilitate su questo, e capire esattamente in cosa si stanno cacciando. E, ancora, non è per tutti, ma al tuo punto, se è qualcosa che è necessario, se è come, oh mio dio, per quanto riguarda la diagnosi, il tuo sito dovrebbe essere un sito WordPress senza testa. Sì, c'è sicuramente una normalità che devi avere per ridurre quella paura.

DP: Assolutamente. Bene, oggi abbiamo parlato con Fran Agulto, Developer Advocate di WP Engine di headless e questa è stata un'ottima conversazione. Se desideri continuare e saperne di più su ciò a cui Fran sta lavorando, puoi seguirlo su Twitter, @fran_the_dev.

I prossimi episodi di Press This parleremo con Nev Harris la prossima settimana per parlare di come rendere a prova di recessione la tua agenzia WordPress. Grazie per aver ascoltato il podcast della community Press This WordPress su WMR. Puoi seguire le mie avventure con la rivista Torque su Twitter @thetorquemag o puoi andare su torquemag.io dove contribuiamo con tutorial, video e interviste come questo ogni giorno. Quindi dai un'occhiata a torquemag.io o seguici su Twitter. Puoi iscriverti a Press This su Red Circle, iTunes, Spotify o scaricarlo direttamente su wmr.fm ogni settimana. Sono il tuo host Doctor Popular Supporto la community di WordPress attraverso il mio ruolo in WP Engine. E adoro mettere in luce i membri della comunità ogni settimana su Press This.