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
Weitere Àhnliche Videos ansehen
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)