OceanWP 3.0 – Este verão é tudo sobre baunilha

O OceanWP agora é mais rápido, mais liso e mais estável! Com códigos modernizados e orientados a objetos, executa funções com rapidez, usando muito menos recursos e muito menos dependências.

Para todos que estavam com as esperanças altas, entregaremos um delicioso sorvete de baunilha – desculpe! No entanto, ainda é um refresco. Estamos falando do Vanilla JavaScript e da nova versão OceanWP 3.0 .

Antes de explicarmos as próximas mudanças e melhorias, gostaríamos de falar sobre algumas noções básicas com você . Isso ajudará os usuários – principalmente aqueles que não são conhecedores de código – a entender os benefícios das próximas mudanças .

O que é JavaScript?

JavaScript é uma linguagem de front-end (codificação/programação). Seu objetivo principal era criar efeitos animados , especialmente para as chamadas partes móveis, como controles deslizantes ou menus de navegação responsivos.

Temos certeza de que cada um de vocês passou por uma situação em que foi solicitado pelo navegador a ativar ou não a funcionalidade JavaScript. O JavaScript sempre fez parte de todos os navegadores de sites , portanto, você não precisa incluí-lo separadamente em seu site usando plug-ins ou scripts.

WordPress e JavaScript

O JavaScript faz parte do CMS do WordPress .

JavaScript existe em muitas formas , então não é uma surpresa que o WordPress vem com muitas bibliotecas JavaScript. No entanto, é seguro dizer que os principais que estão sendo usados ​​são:

• jQuery,
• JSON,
• Sublinhado e
• Espinha dorsal.

Por que estamos entediando você com esses detalhes?

Inúmeras vezes recebemos pedidos de assistência em que um usuário nos pede para ajudá-lo a remover o jQuery de seu site porque “alguma ferramenta de velocidade/otimização sugeriu que está deixando o site lento”.

Essas situações nos fizeram perceber que levará algum tempo para que os usuários entendam que essas ferramentas de avaliação são tudo menos precisas e perfeitas . Também nos deu uma visão de que há muitos usuários do WordPress que não estão familiarizados com a funcionalidade “sob o capô” do WordPress, portanto, temas e plugins WP também.

Para obter uma melhor compreensão das ferramentas de avaliação (online), é necessário um conhecimento essencial da funcionalidade geral do WordPress . Mesmo que você não pretenda aprender nenhuma linguagem de programação ou se tornar um desenvolvedor do WordPress, essas informações o ajudarão a determinar se um “relatório” de uma ferramenta específica é preciso ou falso. Eventualmente, você saberá instantaneamente se pode fazer algo sobre o relatório ou não.

Em linguagem simples, de todas as bibliotecas JavaScript, jQuery é a mais usada . Não só pelo próprio WordPress, mas também por temas e plugins.

E para resumir, você não pode remover o jQuery de sites WordPress .

O que é jQuery?

Você ficaria surpreso ao saber que de 1 milhão de sites de destaque na internet (não apenas sites WordPress), 80% deles usam jQuery?

jQuery é uma biblioteca JavaScript muito leve, flexível, altamente extensível e (do ponto de vista dos desenvolvedores) muito fácil de usar.

jQuery ajuda a criar e lidar com tarefas complexas , como solicitações AJAX, eventos, animações, manipulações de CSS e a funcionalidade geral do front-end do site. Em comparação com outras bibliotecas JS, uma tarefa complicada é mais fácil de realizar com jQuery porque requer codificação mínima.

Afinal, o lema do jQuery é “escreva menos, faça mais” .

OceanWP e jQuery

Claro, até agora você provavelmente adivinhou.

OceanWP tem usado jQuery . Até mesmo alguns de seus plugins favoritos, como Elementor e WooCommerce, executam jQuery.

Para aqueles que estão começando com o OceanWP ou pelo menos considerando-o – o OceanWP é um dos melhores temas para usar no WooCommerce e/ou Elementor. Confira todos os recursos do OceanWP ou visualize nossos modelos de demonstração do site completo.

Desde 2016, com a ajuda do jQuery, conseguimos ajudar nossos usuários a fazer e alcançar mais com um único tema WordPress e sem o uso de plugins adicionais desnecessários. Escusado será dizer que estamos falando de OceanWP

Comparado com o lema do jQuery, o nosso não é muito diferente. O objetivo do OceanWP é permitir que todos – de iniciantes a profissionais – construam sites incríveis de todos os tipos (comércio eletrônico, blog, portfólio) de forma rápida e fácil e fácil de usar . A julgar pelos comentários e avaliações que recebemos de nossos usuários, fomos bem-sucedidos.

Mais importante ainda, pretendemos continuar com esta tradição, mas de uma forma melhorada .

Essa é a razão pela qual estamos mudando de jQuery para Vanilla JavaScript .

O que é JavaScript de baunilha?

Vanilla JavaScript ou Vanilla JS é um termo popularizado usado para JavaScript simples .

Ao contrário de jQuery ou Underscore JS, Vanilla JS significa codificação do zero, sem o uso de frameworks ou bibliotecas como dependências.

Em inglês simples, Vanilla JS NÃO é um tipo especial de JavaScript – É o JavaScript em sua forma mais pura . Como tal, e como já referimos no início, já está a ser utilizado e suportado por todos os navegadores.

De onde veio então o termo Vanilla JS?

Na verdade, é um fato divertido e, acredite ou não, está relacionado ao verdadeiro sorvete de baunilha. O sorvete de baunilha representa a primeira forma ou sabor de sorvete. Então, se você estiver em uma confeitaria e pedir sorvete sem especificar o sabor, receberá baunilha.

OceanWP e Baunilha

Por que o OceanWP não usou o Vanilla JavaScript desde o início?

Infelizmente, não existe um livro de regras ou um guia para especificar quando é melhor usar um ou outro.

As linguagens de programação , especialmente PHP e JavaScript, (entre o CSS mais usado no WordPress) evoluem constantemente. É o trabalho dos desenvolvedores determinar qual idioma fará o trabalho melhor sem sobrecarregar o código desnecessariamente .

Quando se trata de JavaScript ou seus “filhos”, para nós aqui da OceanWP essa escolha perfeita tem sido jQuery há muitos anos.

Eventualmente, o JavaScript amadureceu o suficiente em termos que pode ser usado para executar as mesmas tarefas que o jQuery e, ao mesmo tempo, executá-las mais rapidamente . E esse é exatamente o momento pelo qual estávamos esperando.

Usar jQuery deixa meu site mais lento?

Como mencionado anteriormente, o jQuery é um dos scripts JS mais rápidos e mais usados.

Scripts por si só não tornam nenhum site mais lento – é a qualidade dos códigos que influencia o desempenho de um site (entre outros fatores internos e externos).

E é exatamente a mesma qualidade de código que fez com que os sites OceanWP ricos em recursos tivessem um desempenho tão rápido ou até melhor em comparação com outros temas com a menor quantidade de recursos.

O OceanWP removerá completamente o jQuery?

A resposta curta a esta pergunta é – não.

A resposta longa, e sem envolver a terminologia complicada do desenvolvedor, ainda existem tarefas que apenas o jQuery pode executar . Ou, melhor ainda, não há substitutos de código Vanilla JS para esses códigos jQuery.

Dito isto, o OceanWP ainda usará jQuery em seus códigos dentro do tema e em todos os nossos plugins, mas no nível mínimo .

O Vanilla JS no OceanWP terá impacto nos plugins que executam o jQuery?

A mudança do OceanWP para o Vanilla JS não terá nenhum impacto negativo e não causará conflitos com plugins que usam jQuery .

Na verdade, sua experiência geral no site e, especialmente, a experiência dos visitantes do site serão significativamente aprimoradas . Com codificação aprimorada, o OceanWP agora conta com muito menos dependências, o que garante estabilidade e minimiza as chances de um possível conflito de JS. Mais importante, ele executa funções mais rapidamente usando muito menos recursos.

Quando o OceanWP 3.0 será lançado?

A era do uso do Vanilla JS no OceanWP começa com a versão 3.0.

Você pode esperar o lançamento oficial em 20 de julho – o dia exato em que a nova versão do WordPress 5.8 é esperada.

E isso nos leva à parte mais importante – a preparação para a atualização .

Além do tema OceanWP, as seguintes extensões Ocean também foram atualizadas para Vanilla:

• Controle deslizante de postagens oceânicas,
• Ocean Stick Qualquer coisa,
• Janela Modal Oceano,
• Compartilhamento Social do Oceano,
• Compartilhamento de produtos oceânicos,
• Cabeçalho pegajoso do oceano,
• Rodapé autocolante do oceano,
• Login pop-up do oceano,
• Pop-up Ocean Woo,
• Oceano tela cheia,
• Widgets do Elementor do Oceano,
• Painel do lado do oceano,
• Aviso de Cookies Oceânicos, e
• Portfólio Oceano.

A atualização Ocean Extra 1.7.8 também foi lançada, porém este plugin não contém nenhuma alteração Vanilla.

Como se preparar para a atualização do OceanWP Vanilla JS

Junto com o OceanWP, todos os plugins com a versão Vanilla JS serão lançados no mesmo dia.

A ordem de atualização correta é:

1. Atualize o OceanWP via Aparência > Temas e, em seguida,
2. Atualize todos os plugins Ocean via Plugins > Plugins Instalados.

Antes de atualizar, certifique-se de ter tomado as medidas de precaução necessárias.

Teste a nova versão no host local ou no site de teste primeiro

Lembre-se, esta é uma grande atualização.

A melhor prática é testar novas alterações em ambientes de host local, teste ou teste.

Se você não tiver a opção de testar as atualizações em qualquer lugar, não atualize imediatamente . Aguarde alguns dias ou até uma semana, até reunirmos comentários e garantirmos que é seguro atualizar.

Lembre-se, mesmo que tudo esteja bem, algo sempre pode dar errado durante as atualizações. Afinal, a coisa ruim sobre o software é – é software.

Certifique-se de fazer backup de seus sites corretamente . Não confie apenas na hospedagem de backups, faça backups manuais também e armazene os dados em um local seguro. Se você estiver usando o plugin WordPress Reset (não confundir com WordPress Database Reset), você também pode criar instantâneos de sites.

Importante: lembre-se de limpar o cache completamente após a atualização, várias vezes, se necessário. O mesmo vale para o cache CDN (nuvem).

Como usar Vanilla JS com OceanWP

Para aproveitar ao máximo o Vanilla JS, todos os scripts via Theme Panel > Scripts & Styles devem estar sempre HABILITADOS .

Breve explicação: desabilitar qualquer script cria um arquivo totalmente novo que é colocado na pasta de instalação do seu site e aplicado no front-end do seu site em vez de usar os scripts de tema padrão do OceanWP.

Explicação longa: no momento em que a opção Scripts & Styles (parte do plugin Ocean Extra) foi introduzida, plugins de cache bons (e gratuitos) não eram acessíveis a todos. Com o tempo, a situação mudou. Se você estiver executando bons plugins de otimização e cache, desabilitar qualquer script é completamente desnecessário.

Importante: lembre-se de limpar o cache completamente , várias vezes, se necessário. O mesmo vale para o cache CDN (nuvem).

A ativação de todos os scripts terá um impacto negativo no meu site?

Não, não vai.

Essa também é uma das principais razões pelas quais apresentamos o Vanilla JS. No entanto, não pretendemos parar por aí.

Embora usemos carregamento de script condicional em nossos códigos (carregar scripts no front-end apenas quando necessário), após o lançamento do Vanilla planejamos aprimorar ainda mais essa funcionalidade. Basicamente, planejamos automatizar a funcionalidade fornecida anteriormente pelo recurso Scripts & Styles .

Qual é o próximo?

O próximo passo é aproveitar o desempenho aprimorado do seu site

Se você notar algum bug ou problema, envie-nos comentários completos e detalhados em nossa página do GitHub ou enviando um tíquete de suporte ou um tíquete de pré-compra.

Estamos comprometidos com a melhoria constante . Nosso objetivo é tornar a sua experiência e a dos visitantes do seu site com o OceanWP a melhor possível. Quando se trata de atualizações futuras, nosso foco principal será no desempenho, acessibilidade aprimorada, novos recursos e estilos , bem como revisão de códigos existentes.

OceanWP foi construído para a comunidade WordPress . Se você gostaria de contribuir com suas ideias, deixe-nos saber como você acredita que podemos melhorar. Compartilhe suas ideias sobre recursos e melhorias usando nosso formulário de solicitação de recursos.

LOS; EM R. (Longo ou Curto, Eu Nunca Li):

Estamos lançando atualizações importantes .

Faça backups do site, incluindo backup manual, antes de atualizar os plug-ins OceanWP e Ocean .

A melhor prática é testar todas as atualizações em ambientes de teste, localhost ou staging . Se você não tiver a oportunidade de testar as atualizações, não atualize imediatamente. Aguarde alguns dias com as atualizações até obtermos feedback.

Em caso de problemas ou problemas, informe-nos sobre possíveis bugs ou envie tickets.