Plugin de Performance WordPress [ Melhor que WP ROCKET ] - 100% FREE

Escola Ninja WP

12 Jul 202412:00

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

00:00

🌐 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.

05:01

🛠️ 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.

10:04

📸 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

A plugin is a software component that adds a specific feature or service to a larger software application. In the context of the video, the term 'plugin' refers to an add-on for WordPress, which is a content management system. The video introduces a free plugin that competes with the premium 'WP Rocket' plugin in terms of functionality, emphasizing its performance optimization capabilities.

💡Performance

In the realm of web development, performance refers to how fast a website loads and how responsive it is to user interactions. The video's main theme revolves around improving website performance using a specific plugin. The script mentions performance metrics like LCP, FID, CLS, and FCP, which are all indicators of a website's loading speed and efficiency.

💡WP Rocket

WP Rocket is a premium WordPress plugin known for its performance optimization features. It is mentioned in the script as a benchmark for comparison with the free plugin being introduced. The video suggests that while WP Rocket is effective, it comes at a cost, whereas the plugin showcased offers similar benefits without the price tag.

💡Core Web Vits

Core Web Vits appears to be a misspelling or a specific term used in the script to refer to the plugin being discussed. It is not a standard term in web development, but in this context, it represents the name of the free plugin that is said to offer performance enhancements similar to WP Rocket.

💡Optimization

Optimization in the context of the video refers to the process of making changes to a website to improve its performance. The script discusses various optimization techniques such as generating critical CSS, file compression, and lazy loading of images and JavaScript, which are all aimed at enhancing the website's loading speed and user experience.

💡Critical CSS

Critical CSS is the portion of a webpage's CSS that is necessary to render the above-the-fold content immediately. The video script mentions 'CSS crítico' as a feature of the plugin, which helps in loading the visible part of the website first, thus improving the LCP (Largest Contentful Paint) metric and overall performance.

💡LCP (Largest Contentful Paint)

LCP stands for Largest Contentful Paint and is a performance metric that measures the time it takes for the largest content element to be displayed on the screen. The script discusses how the plugin can help in optimizing elements that affect LCP, which is crucial for a fast-loading website.

💡JavaScript

JavaScript is a programming language that enables interactive web pages. In the script, JavaScript is highlighted as a critical aspect of website performance. The plugin offers options to manage and optimize JavaScript, such as lazy loading and minification, to reduce its impact on page load times.

💡Lazy Loading

Lazy loading is a design pattern that delays the loading of non-critical resources at page load time. The script mentions 'lazy loading' in the context of images and JavaScript, which can defer loading until they are needed or as the user scrolls down the page, thus improving initial page load performance.

💡Preconnect

Preconnect is a resource hint in HTML that allows the browser to establish early connections to important third-party origins. The script discusses the 'preconnect' feature of the plugin, which can improve performance by reducing the time to fetch resources from other domains.

💡Glossary Ninja

Glossary Ninja is mentioned in the script as a separate plugin designed to increase organic traffic to a website. While not directly related to performance optimization, it is highlighted as a tool for boosting a site's visibility and traffic, which complements the performance improvements discussed in the video.

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.