Plugin de Performance WordPress [ Melhor que WP ROCKET ] - 100% FREE
Summary
TLDRThis video introduces a free plugin called 'Core Web Vits' that rivals the performance of the paid WP Rocket plugin for WordPress. The tutorial covers how to download, configure, and optimize the plugin for better website performance, including speed monitoring, CSS optimization, and JavaScript management.
Takeaways
- 😀 The video introduces a 100% free plugin that competes with the premium WP Rocket in terms of performance for WordPress sites.
- 🔍 The plugin is called 'Core web vits' and is not available in the WordPress repository; it must be downloaded from its official website.
- 🛠️ The plugin is user-friendly and does not require expert knowledge to configure, making it accessible for a wide range of users.
- 📈 It offers performance metrics such as LCP, FID, CLS, and FCP to help users understand and improve their site's performance.
- 🧩 The plugin includes features like clearing cache in HTML and critical CSS, and technical terms like 'preconnect' are explained for users' convenience.
- 🚀 It has a speed monitoring tool that shows the performance of each element on the site and helps identify issues affecting metrics like LCP.
- 📝 Options for generating critical CSS, optimizing file compression, and handling CSS and JavaScript are customizable to suit different site needs.
- 🖼️ For image optimization, users can specify CSS classes for heavy elements to prioritize their loading, addressing issues like large content taking too long to appear (LCP).
- 📱 The importance of testing site performance across different devices and browsers is highlighted, especially for e-commerce sites to ensure a smooth checkout process.
- ⚠️ JavaScript is identified as a common culprit for performance issues, and the plugin provides advanced options for handling scripts, including the ability to selectively apply optimizations.
- 🔄 The plugin offers page caching options, resource hints, and the ability to bypass caching for certain pages that should not be cached.
- 🌐 There's a mention of another plugin called 'Glossary Ninja' which is claimed to be a scientifically proven organic traffic machine, suggesting it can significantly increase site visits.
Q & A
What is the main topic of the video?
-The main topic of the video is introducing a free WordPress plugin called 'Core Web Vits' that offers similar performance optimization features as the paid plugin 'WP Rocket'.
Why is the plugin 'Core Web Vits' being highlighted in the video?
-The plugin 'Core Web Vits' is highlighted because it provides performance enhancements comparable to 'WP Rocket' but is completely free to use.
Where can the 'Core Web Vits' plugin be downloaded from?
-The 'Core Web Vits' plugin cannot be downloaded from the WordPress repository; it must be obtained from the official website of the plugin.
What are some of the metrics provided by the 'Core Web Vits' plugin to measure website performance?
-The plugin offers metrics such as Largest Contentful Paint (LCP), First Input Delay (FID), Cumulative Layout Shift (CLS), and First Contentful Paint (FCP).
What is the purpose of the 'Critical CSS' feature in the plugin?
-The 'Critical CSS' feature is used to improve website performance by loading only the essential CSS needed to render the above-the-fold content immediately.
What does the 'Speed Monitoring' tool within the plugin do?
-The 'Speed Monitoring' tool allows users to monitor the performance of each element on their website, showing which URLs are affected by specific metrics like LCP and providing insights for optimization.
How does the plugin handle JavaScript optimization?
-The plugin provides advanced JavaScript options, allowing users to enable or disable various scripts, use selectors for specific elements, and configure page caching settings.
What is the importance of testing a website's performance on different devices and browsers?
-Testing on different devices and browsers ensures that the website performs well across all platforms and helps identify any issues that may affect the user experience.
What is 'Lazy Loading' and how does it relate to the plugin's image optimization?
-Lazy Loading is a technique that delays the loading of non-critical resources at page load time. In the context of the plugin, it can be used to defer the loading of images until they are needed, improving initial page load times.
What is the 'Glossário Ninja' plugin mentioned in the video, and what does it do?
-The 'Glossário Ninja' plugin is described as a scientifically proven organic traffic machine, which is designed to increase the organic traffic to a website.
What advice does the video give regarding JavaScript optimization in WordPress performance plugins?
-The video advises that JavaScript is often the villain when it comes to website performance and emphasizes the importance of thoroughly testing the website after making any performance-related changes.
Outlines
🌐 Introducing Core Web Vits Plugin
The script introduces a free plugin called Core Web Vits, which is a performance booster for WordPress, offering similar functionality to the premium WP Rocket plugin. The plugin is not available in the WordPress repository and must be downloaded from its official website. The video will demonstrate how to set it up and use its features to improve website performance.
🛠️ Configuring Core Web Vits for Performance
The script explains the process of configuring Core Web Vits, including accessing its dashboard and understanding key performance metrics such as LCP, FID, CLS, and FCP. It covers the plugin's features like clearing cache, optimizing critical CSS, and using technical terms like 'preconnect'. The Speed Monitoring tool is highlighted for assessing the performance of individual site elements, and options for CSS optimization and file compression methods are discussed.
📸 Image Optimization and JavaScript Management
This paragraph discusses the image optimization features of Core Web Vits, allowing users to prioritize heavy elements for faster loading to address LCP issues. It also touches on JavaScript optimization, emphasizing the importance of testing site performance across different devices and browsers, especially for e-commerce sites. The script advises caution with JavaScript plugins, as they can negatively impact performance if not managed properly.
⚙️ Advanced JavaScript and Performance Settings
The script delves into advanced JavaScript settings in Core Web Vits, including enabling options for better performance and using selectors to address specific issues. It mentions the importance of page caching and resource hints like preconnect for preloading resources. The video also introduces the Glossary Ninja plugin for increasing organic traffic, separate from performance optimization.
🚀 Finalizing Optimizations and Traffic Boosting
The final paragraph wraps up the video by discussing page-specific optimizations, enabling native lazy loading, and choosing the right settings for image formats like AVIF, JPEG, and WebP. The script reiterates the benefits of Core Web Vits for customization and ease of use, comparing it favorably to other plugins. It concludes with a reminder to check out the Glossary Ninja plugin for traffic boosting and a warm sign-off.
Mindmap
Keywords
💡Plugin
💡Performance
💡WP Rocket
💡Core Web Vits
💡Optimization
💡Critical CSS
💡LCP (Largest Contentful Paint)
💡JavaScript
💡Lazy Loading
💡Preconnect
💡Glossary Ninja
Highlights
The video introduces a 100% free plugin that competes with WP Rocket, a popular performance plugin for WordPress.
WP Rocket is known for its high performance but comes at a cost, whereas the featured plugin is free.
The plugin being showcased is called 'Core web vits', which is not available in the WordPress repository and must be downloaded from its official site.
The presenter is using the plugin and finds it effective in delivering good website performance.
The plugin offers metrics like LCP, FID, CLS, and FCP to assess website performance.
Users can clear cache in HTML and critical CSS through the plugin's dashboard.
The plugin includes a speed monitoring tool to track the performance of each element on the site.
The plugin allows for customization of critical CSS and file compression methods.
There's an option to generate critical CSS for new visitors and prioritize CSS.
The plugin provides advanced JavaScript options, including the ability to handle problematic scripts.
Users are warned about the importance of testing their site's performance, especially JavaScript, to avoid issues.
The plugin offers image optimization features, allowing users to specify CSS classes for heavy elements.
Lazy loading for background images and enabling JavaScript lazy loading are among the image optimization options.
The presenter emphasizes the importance of not rushing into JavaScript optimizations without thorough testing.
Page caching options are discussed, including the ability to bypass caching for certain pages.
Resource hints and preconnect options are available for optimizing resource loading.
The presenter mentions the Glossary Ninja plugin as a scientifically proven traffic generator.
The video concludes with the presenter's opinion that the Core web vits plugin is highly customizable and more flexible than other options.
The plugin is praised for its speed and ease of configuration, with metrics and assistance built into the plugin itself.
Transcripts
nesse vídeo eu vou te mostrar um plugin
100% gratuito e ainda bate de frente com
WP Rocket bom a gente sabe que o WP
Rocket é um dos melhores plugins de
performance para o WordPress no entanto
ele tem ali o seu preço se for comprar
original né Ele é um precinho um
pouquinho salgado porém que esse plugin
que eu tô te mostrando aqui ele
praticamente tem as mesmas funções que o
WP Rocket entrega praticamente os mesmos
os resultados de melhor de tudo é 100%
gratuito e eu vou te mostrar aqui nesse
vídeo como configura Este plugin na
prática o nome desse plugin é simple the
fast WordPress plugin tem um nome
esquisito mas para nós aqui que é
brother o nome dele é Core web vits ok
esse plugin não está no repositório do
WordPress você só vai conseguir baixar
esse plugin aqui no site oficial dele tá
E é um plugin muito bom eu estou usando
ele aqui eu acho legal para caramba
porque ele entrega uma performance bem
legal Ok então se você gosta desse tipo
de vídeo de performance velocidade
WordPress e etc curta aí e segue o canal
da Escola Ninja WP a gente já tá aí há
quase uma década ensinando WordPress
aqui ok então vamos lá eh primeiramente
eu vou deixar o link aqui na descrição
desse vídeo você tem que entrar lá e
baixar O plugin que ele é 100% gratuito
ok o segundo passo é você vir até em
configurações cor web vitos ok eu vou
passar aqui rapidamente nas principais
configurações desse plugin ele é muito
muito simples de configurar tá não
precisa ser nenhum Expert aqui não ok
então aqui no dashboard você consegue
ter uma métrica aqui umas mtricas minhas
de lcp fid CLS fcp e etc Ok basicamente
é é só umas métricas para você ver como
é que tá a performa do seu site aqui
embaixo você pode fazer um Clear cash no
HTML e no CSS crítico tá E tem alguns
termos técnicos aqui como CSS crítico e
preconnect
etc que caso você tenha curiosidade dá
uma googlada aí o que que é um CSS
crítico para você se inteirar mais tá
é então vamos lá aqui em Speed
monitoring a gente tem aqui a ferramenta
que eles criaram deles tá para monitorar
como tá performance de cada elemento do
seu site quando você clica aqui por
exemplo em lcp ele te mostra que as urls
afetados pelo lcp você vê as as os links
que você perdeu nota e etc para você
tomar alguma decisão por exemplo eu não
tenho problema nenhum no fid mas no CLS
eu tenho problema nessa nessa aqui ó Ok
então eu teria que mexer nessa tela e
meu ttfb como vocês podem ver ó meu ttfb
não tá muito legal não tá então isso
aqui são quantas visitas tá tiveram
quantos cliques tiveram
eh na home ok e nas urls a seguir aqui
ok na parte parte de CSS Aqui nós temos
as opções que é gerar CSS crítico para
melhorar a performance é gerar CSS
crítico para novos visitantes que aí vai
aplicar somente as novos visitantes uma
prioridade de CSS aqui na parte de
compressão de arquivos é como qual que
vai ser o método que ele vai usar para
gerar os arquivos minificar e
comprimidos se ele vai utilizar um único
arquivo que aí vai deixar o tempo de
carregamento um pouco maior se você
tiver um site pequeno talvez deixar tudo
no único arquivo É uma opção inteligente
nós temos a opção Smart que é opção
inteligente que você deixa com que o
plugin tome as decisões por ele e você
colocar aqui otimizar por um número
beleza e aí a própria ferramenta otimiza
vários arquivos até um determinado
número ok otimizar CSS inline e
comprimir CSS marca essas opçõe inhas
aqui beleza então eu eu gosto de marcar
essas opções e essas aqui para melhorar
porque CSS geralmente não dá tanto
problema não o problema mesmo é o
JavaScript tá aqui nós temos algumas
opções avançadas e Aqui nós temos o CSS
crítico gerado Ok vou salvar as
alterações alterações salvas com sucesso
e agora eu vou pra parte de imagens a
parte de imagens você pode eh essa parte
aqui que eu achei legal para caramba que
é você pode especificar uma classe CSS
em elementos pesados sabe quando você
vai fazer o teste de performance eh nos
page Speed da vida que ele fala assim
esse elemento de demorou demais para
carregar sabe isso você pode pegar esse
elemento CSS dele por exemplo ponto
banner
grande que é o banner grande lá da mome
você pode vir aqui e colocar ele por quê
Porque aí ele vai otimizar esse elemento
em prioridade para você resolver né
aquele famoso problema de lcp o que que
é o larget content ali que é o é o
famoso a métrica que fala tá carregando
elemento muito grande então quando você
coloca isso aqui você está resolvendo o
problema deste
elemento anotou então se você analisou a
performance e viu que ele tá acusando
que algum determinado elemento tá
pesadão coloca a classe CSS dele aqui
beleza vou marcar essa opção de
adicionar altura e largura vou adicionar
essa opção aqui essas opções aqui
tá habilitar lasad JavaScript lazy
loading background e aqui esse render e
vou salvar as alterações Ok antes da
gente continuar aqui para o script que é
o caso mais polêmico que tem Deixa eu te
dar um recadinho rápido aqui tá se você
tá precisando de melhorar a performance
do seu site WordPress tá
eh você tem que tomar um cuidado muito
grande Tá você quer melhorar a
performance seu site você tem que tomar
um cuidado muito grande no quesito
JavaScript de todos os plugins de
performance que eu testei todos o
JavaScript é o vilão Então antes da
gente entrar aqui para o JavaScript
e você precisa testar o seu site e
quando eu digo testar abre ele no
celular abre ele num outro computador
abre ele no outro navegador se for
e-commerce faz um teste de compra porque
o Cash é um negócio assim ele é bonito
mas se você não testar tadinho Sabe
aquele ovo bem batido ele vai te dar dor
de cabeça numa sexta-feira 10:30 da
noite então antes da gente avançar aqui
pros scripts que são os mais chatinhos
tá não é difícil não é só para você
testar o seu site exaustivamente Beleza
recados dado então agora vamos bora
então aqui no JavaScript eu posso
habilitar aqui de imediato todas as
opções e novamente vamos testar
beleza e aqui eu tenho a opção em reex
Onde que eu posso Por exemplo essa essa
parte aqui gente é tão avançada que ISO
aqui é esquisito tá por exemplo vamos
supor que tá dando um problema no meu
botão só no botão que ele deu problema
eu posso vir aqui resolver isso aqui com
uma utilização posso tacar o seletor
dele aqui e posso dizer aqui o que que
eu quero que aconteça Tá mas isso aqui
cara é é é se você tá usando isso aqui
provavelmente é preferí desabilitar o
negócio do jav script tá
bom page cashing que é onde como que ele
vai fazer o método de Cash da da página
você vai habilitar vai deixar um mês e
beleza OK pode deixar aqui do jeito que
vier e caso você tenha alguma página que
que
precise que não que você não possa fazer
Cash tem uma página que não pode fazer
cash de jeito nenhum você vai colocar
ela aqui ó no bypass beleza que o bypass
é onde que ele fala não faça Cash dessa
página Ok resource hints você pode
marcar isso aqui tudo ok e aqui é o
detalhe tá esta opção aqui de PR
pronnect tá ela é uma opção seguinte se
você desabilitar o pré Connect aqui tá
eh você não vai conseguir utilizar ele
lá na frente não porque afinal de contas
você desabilitou tá o que que é o pré
Connect pré Connect É para pré-carregar
um recurso então eu posso passar por
exemplo aqui ó um preconnect um DNS
prefet um DNS preconnect aqui eu posso
passar o RL aqui o que que recurso que é
ele uma página que eu qu que já carregue
Então vamos supor que o usuário entra na
minha no meu site e tem uma Landing page
ele vai clicar e vai abrir uma Landing
page que tá no meu mesmo domínio então
eu já faço um pré-carregamento dessa URL
então quando ele clicar o carregamento é
instantâneo isso é legal para caramba tá
bom agora um outro recado aqui antes da
gente finalizar o vídeo tá já tô
acabando
eh eu não sei se você precisa de mais
visitas pro seu site Ok se você precisa
de mais visitantes agora não tem nada a
ver com performance agora tem a ver com
tráfego tráfego orgânico tá E ainda não
conhece o plugin glossário Ninja o que
que é o plugin glossário Ninja é uma
máquina de tráfego orgânico
comprovado cientificamente comprovado
com estudos científicos de analistas da
Nasa tá é um plugin que é uma máquina de
tráfego orgânico não vou entrar em
detalhe se você ficou curioso e quer
aumentar o tráfego orgânico do seu site
vou deixar o plugin aqui na des ção do
vídeo tá ficou curioso vá lá e olha cara
é a maior máquina de tráfego orgânico já
criada nesse planeta Beleza então vou
voltar agora pro vídeo aqui tá page
options basicamente aqui nós vamos
habilitar para ele fazer as otimizações
de páginas lá no nosso rodapé Ok vou
habilitar L load nativo e aqui tem a
parte que eu te falei ó do prefet se
você desabilitou o prefet antes ele não
vai funcionar aqui não
Ok e aqui O plugin já fala ó sugestão de
configuração use perfet
ok então beleza vou deixar o perfet
marcado e vou colocar isso aqui moderado
e vou habilitar a minificação de HTML e
vou dar um save tá agora nós temos aqui
otimizações de fonte Ok vou deixar tudo
S porque otimizar a fonte do Google
aquelas tranqueira toda e aqui o Beta
fiture tá que caso você queira habilitar
o avif aqui ó ele te fala ó o JPEG 50
0.5 mmb o ebp 18 e o avif 12 Cara eu
acho diferença muito pouca tá então se
você utiliza servidores em dinex você
vai utilizar essas configurações e se
você utiliza P ou openl Speed você vai
utilizar agora eu vou falar da minha
opinião tá da minha opinião desse plugin
eu acho ele muito bom é gratuito tem
praticamente as mesmas configurações que
o WP Rocket ele não é tão simplificado
que o WP Rocket Mas ele é muito melhor
no sentido de ter mais opções de
customização te dá mais flexibilidade
agora ele é muito mais muito mais
simples que o open Light Speed eu parei
de usar o open Light feed só usa esse
cara aqui é rápido ó rapidinho você
configura eu já tenho as métricas aqui
no próprio plugin ele já me auxilia ali
onde que eu preciso e é isso aí OK então
espero mesmo que você tenha gostado
desse vídeo tá se você gostou curta
compartilhe comente aí você vai fazer
esse vídeo chegar em mais pessoas ok e
novamente se você precisa de aumentar
seu tráfego orgânico para esse vídeo vai
lá na no nosso site e confira o
glossário Ninja tá seu concorrente não
vai nem entender de onde você gerou
tanto tráfego no seu site ISO eu posso
garantir beleza Um forte abraço beijo do
seu coração e até o próximo
vídeo l
Ver Más Videos Relacionados
WooCommerce SEO - E-Commerce Guide to Yoast - How to use Yoast Woocommerce SEO plugin
GetGenie AI Content Writer and SEO WordPress Plugin Review - [First Look]
Best WooCommerce Filter Plugin? - Filter Everything FREE
5 Best WordPress Cache Plugins in 2024
Introduction to WordPress Theme Development in Hindi #1 - WsCube Tech
BEST Web Hosting for Beginners Compared!
5.0 / 5 (0 votes)