OceanWP 3.0 – Quest'estate è tutta una questione di vaniglia

OceanWP è ora più veloce, più fluido e più stabile! Con codici modernizzati e orientati agli oggetti, esegue le funzioni rapidamente, utilizzando molte meno risorse e molte meno dipendenze.

A tutti coloro che avevano grandi speranze consegneremo un delizioso gelato alla vaniglia – ci dispiace! Tuttavia, è ancora un rinfresco Stiamo parlando di Vanilla JavaScript e della nuova versione OceanWP 3.0 .

Prima di spiegare le modifiche e i miglioramenti imminenti, vorremmo esaminare con te alcune nozioni di base . Ciò aiuterà gli utenti, principalmente quelli che non sono esperti di codice, a comprendere i vantaggi delle modifiche imminenti .

Cos'è JavaScript?

JavaScript è un linguaggio front-end (codifica/programmazione). Il suo scopo principale era creare effetti animati , in particolare per le cosiddette parti mobili, come slider o menu di navigazione reattivi.

Siamo sicuri che ognuno di voi abbia sperimentato una situazione in cui il browser vi ha chiesto se abilitare o meno la funzionalità JavaScript. JavaScript è sempre stato parte di tutti i browser dei siti Web , quindi non è necessario includerlo separatamente nel tuo sito Web utilizzando plug-in o script.

WordPress e JavaScript

JavaScript fa parte del CMS di WordPress .

JavaScript esiste in molte forme , quindi non sorprende che WordPress venga fornito in bundle con molte librerie JavaScript. Tuttavia, è sicuro dire che i principali utilizzati sono:

• jQuery,
• JSON,
• Sottolineare e
• Spina dorsale.

Perché ti annoiamo con questi dettagli?

Innumerevoli volte abbiamo ricevuto richieste di assistenza in cui un utente ci chiedeva di aiutarlo a rimuovere jQuery dal proprio sito Web perché "qualche strumento di velocità/ottimizzazione ha suggerito che sta rallentando il sito Web".

Queste situazioni ci hanno fatto capire che ci vorrà del tempo prima che gli utenti capiscano che tali strumenti di valutazione sono tutt'altro che accurati e perfetti . Ci ha anche dato un'idea del fatto che ci sono molti utenti di WordPress che non hanno familiarità con la funzionalità "sotto il cofano" di WordPress, quindi anche temi e plug-in WP.

Per comprendere meglio gli strumenti di valutazione (online), è necessaria una conoscenza essenziale della funzionalità complessiva di WordPress . Anche se non hai intenzione di imparare alcun linguaggio di programmazione o di diventare uno sviluppatore WordPress, queste informazioni ti aiuteranno a determinare se un "rapporto" da uno strumento specifico è accurato o falso. Alla fine, saprai immediatamente se sei in grado di fare qualcosa per il rapporto o meno.

In parole povere, tra tutte le librerie JavaScript, jQuery è quella più comunemente usata . Non solo da WordPress stesso, ma anche da temi e plugin.

E per riassumere, non puoi rimuovere jQuery dai siti Web di WordPress .

Cos'è jQuery?

Ti sorprenderebbe sapere che su 1 milione di migliori siti Web su Internet (non solo WordPress), l' 80% utilizza jQuery?

jQuery è una libreria JavaScript molto leggera, flessibile, altamente estensibile e (dal punto di vista degli sviluppatori) molto facile da usare.

jQuery aiuta a creare e gestire attività complesse , come richieste AJAX, eventi, animazioni, manipolazioni CSS e la funzionalità front-end generale del sito web. Rispetto ad altre librerie JS, un'attività complicata è più facile da realizzare con jQuery perché richiede una codifica minima.

Dopotutto, il motto di jQuery è "scrivi di meno, fai di più" .

OceanWP e jQuery

Certo, ormai probabilmente hai indovinato.

OceanWP ha utilizzato jQuery . Anche alcuni dei tuoi plugin preferiti, come Elementor e WooCommerce, eseguono jQuery.

Per quelli di voi che hanno appena iniziato con OceanWP o almeno lo stanno considerando, OceanWP è uno dei migliori temi da utilizzare per WooCommerce e/o Elementor. Scopri tutte le funzionalità di OceanWP o visualizza in anteprima i nostri modelli demo per siti Web completi.

Dal 2016, con l'aiuto di jQuery, siamo stati in grado di aiutare i nostri utenti a fare e ottenere di più con un unico tema WordPress e senza l'uso di plug-in aggiuntivi non necessari. Inutile dire che stiamo parlando di OceanWP

Rispetto al motto jQuery, il nostro non è affatto diverso. L'obiettivo di OceanWP è consentire a tutti , dai principianti ai professionisti, di creare fantastici siti Web di tutti i tipi (eCommerce, blog, portfolio) in modo rapido, semplice e intuitivo . A giudicare dai feedback e dalle recensioni che riceviamo dai nostri utenti, abbiamo avuto successo.

Soprattutto, intendiamo continuare con questa tradizione, ma in modo migliorato .

Questo è il motivo per cui stiamo passando da jQuery a Vanilla JavaScript .

Cos'è JavaScript Vanilla?

Vanilla JavaScript o Vanilla JS è un termine diffuso utilizzato per il semplice JavaScript .

A differenza di jQuery o Underscore JS, Vanilla JS significa codificare da zero, senza l'uso di framework o librerie come dipendenze.

In parole povere, Vanilla JS NON è un tipo speciale di JavaScript: È il JavaScript nella sua forma più pura . In quanto tale, e come abbiamo già detto all'inizio, è già utilizzato e supportato da tutti i browser.

Da dove viene allora il termine Vanilla JS?

In realtà è un fatto divertente e, che tu ci creda o no, è legato al vero gelato alla vaniglia. Il gelato alla vaniglia rappresenta la prima forma o gusto di gelato. Quindi, se sei in una pasticceria e ordini il gelato senza specificare il sapore, otterrai la vaniglia.

OceanWP e vaniglia

Perché OceanWP non ha utilizzato Vanilla JavaScript dall'inizio?

Purtroppo, non esiste un regolamento o una guida per specificare quando è meglio utilizzare l'uno o l'altro.

I linguaggi di programmazione , in particolare PHP e JavaScript, (tra i CSS utilizzati principalmente in WordPress) si evolvono costantemente. È compito degli sviluppatori determinare quale lingua funzionerà meglio senza gonfiare inutilmente il codice .

Quando si tratta di JavaScript o dei suoi "figli", per noi di OceanWP quella scelta perfetta è stata jQuery ormai da molti anni.

Alla fine, JavaScript è abbastanza maturo da poter essere utilizzato per eseguire le stesse attività di jQuery e allo stesso tempo eseguirle più velocemente . Ed è esattamente il momento che stavamo aspettando.

L'utilizzo di jQuery rende il mio sito web più lento?

Come accennato in precedenza, jQuery è uno degli script JS più veloci e utilizzati.

Gli script da soli non rallentano alcun sito Web: è la qualità dei codici che influenza le prestazioni di un sito Web (tra gli altri fattori interni ed esterni).

Ed è esattamente la stessa qualità del codice che ha reso i siti Web OceanWP ricchi di funzionalità altrettanto veloci o addirittura migliori rispetto ad altri temi con il minor numero di funzionalità.

OceanWP rimuoverà completamente jQuery?

La risposta breve a questa domanda è: no.

La risposta lunga, e senza coinvolgere una terminologia complicata per gli sviluppatori, ci sono ancora attività che solo jQuery può eseguire . O, meglio ancora, non ci sono sostituti del codice Vanilla JS per questi codici jQuery.

Detto questo, OceanWP utilizzerà ancora jQuery nei suoi codici all'interno del tema e in tutti i nostri plugin, ma al livello minimo .

Vanilla JS in OceanWP avrà un impatto sui plugin che eseguono jQuery?

Il passaggio di OceanWP a Vanilla JS non avrà alcun impatto negativo e non causerà conflitti con i plug-in che utilizzano jQuery .

In effetti, l'esperienza complessiva del tuo sito Web e in particolare l'esperienza dei visitatori del tuo sito Web sarà notevolmente migliorata . Con una codifica migliorata, OceanWP ora si basa su molte meno dipendenze, il che garantisce stabilità e riduce al minimo le possibilità di un possibile conflitto JS. Soprattutto, esegue le funzioni più velocemente utilizzando molte meno risorse.

Quando verrà rilasciato OceanWP 3.0?

L'era dell'utilizzo di Vanilla JS in OceanWP inizia con la versione 3.0.

Puoi aspettarti il ​​rilascio ufficiale il 20 luglio, il giorno esatto in cui è prevista la nuova versione 5.8 di WordPress.

E questo ci porta alla parte più importante: la preparazione per l'aggiornamento .

Oltre al tema OceanWP, anche le seguenti estensioni Ocean sono state aggiornate a Vanilla:

• Dispositivo di scorrimento dei messaggi oceanici,
• Ocean Stick Qualsiasi cosa,
• Finestra modale oceanica,
• Condivisione sociale oceanica,
• Condivisione dei prodotti oceanici,
• Intestazione appiccicosa oceanica,
• Piè di pagina appiccicoso dell'oceano,
• Accesso popup oceanico,
• Pop-up Ocean Woo,
• Oceano a schermo intero,
• Widget Ocean Elementor,
• Pannello laterale oceano,
• Avviso sui cookie oceanici e
• Portafoglio oceanico.

Viene rilasciato anche l'aggiornamento Ocean Extra 1.7.8, tuttavia questo plugin non contiene modifiche Vanilla.

Come prepararsi per l'aggiornamento OceanWP Vanilla JS

Insieme a OceanWP, tutti i plugin con la versione Vanilla JS verranno rilasciati lo stesso giorno.

L'ordine di aggiornamento corretto è:

1. Aggiorna OceanWP tramite Aspetto > Temi, quindi
2. Aggiorna tutti i plug-in Ocean tramite Plugin> Plugin installati.

Prima di eseguire l'aggiornamento, assicurati di aver adottato le misure precauzionali necessarie.

Testare prima la nuova versione su localhost o sul sito Web di staging

Ricorda, questo è un aggiornamento importante.

La best practice consiste nel testare nuove modifiche su localhost, test o ambienti di staging.

Se non hai la possibilità di testare gli aggiornamenti da nessuna parte, non aggiornare immediatamente . Attendi un paio di giorni o anche una settimana, finché non avremo raccolto feedback e assicurato che sia sicuro per te aggiornare.

Ricorda, anche se tutto va bene, qualcosa può sempre andare storto durante gli aggiornamenti. Dopotutto, la cosa negativa del software è: è il software.

Assicurati di eseguire correttamente il backup dei tuoi siti web . Non fare affidamento solo sull'hosting dei backup, esegui anche backup manuali e archivia i dati in un luogo sicuro. Se stai utilizzando il plug-in di ripristino di WordPress (da non confondere con il ripristino del database di WordPress), puoi anche creare istantanee del sito Web.

Importante: ricordarsi di svuotare accuratamente la cache dopo l'aggiornamento, più volte se necessario. Lo stesso vale per la cache CDN (cloud).

Come utilizzare Vanilla JS con OceanWP

Per sfruttare appieno Vanilla JS, tutti gli script tramite Pannello dei temi > Script e stili devono essere ABILITATI in qualsiasi momento.

Breve spiegazione: la disabilitazione di qualsiasi script crea un file completamente nuovo che viene quindi inserito nella cartella di installazione del tuo sito Web, quindi applicato sul front-end del tuo sito Web invece di utilizzare gli script del tema OceanWP predefiniti.

Spiegazione lunga: al momento dell'introduzione dell'opzione Scripts & Styles (parte del plug-in Ocean Extra), i plug-in di memorizzazione nella cache buoni (e gratuiti) non erano accessibili a tutti. Nel tempo, la situazione è cambiata. Se stai eseguendo una buona ottimizzazione e plug-in di memorizzazione nella cache, la disabilitazione di qualsiasi script non è completamente necessaria.

Importante: ricorda di svuotare accuratamente la cache , più volte se necessario. Lo stesso vale per la cache CDN (cloud).

L'abilitazione di tutti gli script avrà un impatto negativo sul mio sito web?

No, non lo farà.

Questo è anche uno dei motivi principali per cui abbiamo introdotto Vanilla JS. Tuttavia, non abbiamo intenzione di fermarci qui.

Sebbene utilizziamo il caricamento condizionale degli script nei nostri codici (caricare gli script sul front-end solo quando necessario), dopo il rilascio di Vanilla prevediamo di migliorare ulteriormente questa funzionalità. Fondamentalmente, prevediamo di automatizzare le funzionalità precedentemente fornite dalla funzione Script e stili .

Qual è il prossimo?

Il prossimo passo è godere delle prestazioni migliorate del tuo sito web

Se noti bug o problemi, ti preghiamo di fornirci un feedback completo e approfondito sulla nostra pagina GitHub o inviando un ticket di supporto o un ticket di preacquisto.

Ci impegniamo a migliorare costantemente . Il nostro obiettivo è rendere la tua esperienza e quella dei visitatori del tuo sito Web con OceanWP la migliore possibile. Quando si tratta di aggiornamenti futuri, il nostro obiettivo principale sarà sulle prestazioni, sull'accessibilità ulteriormente migliorata, sulle nuove funzionalità e stili , nonché sulla revisione dei codici esistenti.

OceanWP è stato creato per la comunità di WordPress . Se vuoi contribuire con le tue idee, facci sapere come ritieni che potremmo ottenere e fare meglio. Condividi le tue idee su funzionalità e miglioramenti utilizzando il nostro modulo per le richieste di funzionalità.

LOS; INR. (Lungo o breve, non ho mai letto):

Stiamo rilasciando importanti aggiornamenti .

Esegui backup del sito Web, incluso il backup manuale, prima di aggiornare i plug-in OceanWP e Ocean .

La procedura consigliata consiste nel testare tutti gli aggiornamenti su ambienti di test, localhost o staging . Se non hai l'opportunità di testare gli aggiornamenti, non aggiornare immediatamente. Attendi con gli aggiornamenti un paio di giorni fino a quando non avremo raccolto feedback.

In caso di problemi o problemi, informaci su possibili bug o invia ticket.