Ju'Z[ed]

The JuZ DualView Block allows you to create interactive before/after comparisons directly in the WordPress block editor. Perfect for showcasing transformations, improvements, or any content that benefits from side-by-side comparison with an interactive slider.
Key Features: 
– Interactive slider to compare before/after content 
– Works with images, text, or any block content 
– Customizable labels and descriptions 
– Responsive design that works on all devices 
– Accessibility-ready with proper ARIA attributes 
– Easy to use with a simple interface
Use Cases: 
– Showcasing design improvements 
– Demonstrating product before/after results 
– Comparing old vs. new versions 
– Highlighting transformations 
– Any content that benefits from visual comparison
Accessibility Credits: 
This plugin’s accessibility features were developed with expert guidance from: 
– <a href="https://profiles.wordpress.org/audrasjb/" rel="nofollow ugc">Jean-Baptiste Audras</a> (<a href="https://www.linkedin.com/company/agence-wordpress-whodunit/" rel="nofollow ugc">Whodunit</a>) 
– <a href="https://www.linkedin.com/in/sorya-huon-6b101040/" rel="nofollow ugc">Sorya Huon</a> (<a href="https://www.ecedi.fr/" rel="nofollow ugc">Ecedi</a>) 
– <a href="https://www.linkedin.com/in/myriam-niare-guilloux/" rel="nofollow ugc">Myriam Niaré-Guilloux</a> (<a href="https://www.ecedi.fr/" rel="nofollow ugc">Ecedi</a>)
<h3>Additional Notes</h3>
<ul>
<li>Requires WordPress 6.0 or higher</li>
<li>Works with the Gutenberg block editor</li>
<li>Tested with major WordPress themes</li>
<li>Lightweight and performance optimized</li>
</ul>

JuZ DualView

Easily compare before and after content with an interactive slider in the WordPress block editor.

Rupok

GreenMetrics

GreenMetrics helps you build a more sustainable internet. 
This plugin tracks your website’s carbon footprint, energy consumption, and resource usage, offering insights and recommendations for eco-friendly performance improvements.
GreenMetrics is perfect for eco-conscious website owners who want to reduce their digital carbon footprint and showcase their commitment to sustainability.
For more information, visit <a href="https://getgreenmetrics.com" rel="nofollow ugc">getgreenmetrics.com</a>.
<h3>🌱 Free Features</h3>
<ul>
<li>Comprehensive Dashboard: Real-time metrics showing Carbon Footprint (g CO2), Energy Consumption (kWh), Data Transfer, HTTP Requests, Page Views, and Performance Score.</li>
<li>Environmental Impact Context: Understanding the real-world impact of your website through relatable metrics.</li>
<li>Optimization Suggestions: Actionable advice with status indicators for Page Size, HTTP Requests, Performance Score, and Green Hosting.</li>
<li>Gutenberg Block & Shortcode: Easily display your environmental stats on any page using the built-in block editor or <code>[greenmetrics_badge]</code> shortcode.</li>
<li>Customizable Badge: Control the position, theme, size, colors, icon and text of your eco-metrics badge with numerous configuration options.</li>
<li>Enhanced Metrics Display: Fully customizable metrics list with hover effects, fonts, and styling options.</li>
<li>Real-time Tracking: Continuous monitoring of your site’s performance and environmental impact metrics.</li>
<li>Per-Page and Total Website Metrics: View both aggregated stats and per-page averages to identify optimization opportunities.</li>
<li>Carbon Intensity Settings: Configure your energy consumption calculations based on your hosting location.</li>
<li>Global Badge Display: Option to automatically display badge site-wide without manual placement.</li>
<li>Popover Customization: Complete control over popover appearance including colors, fonts, metrics display and hover effects.</li>
<li>Data Management: Automated data aggregation and pruning to maintain optimal database performance.</li>
<li>Advanced Reporting: Detailed metrics with customizable time periods and visualization options.</li>
<li>Email Reporting: Scheduled email reports with customizable frequency (daily, weekly, monthly) and content.</li>
<li>Email Templates: Fully customizable email templates with color schemes, placeholders, and content options.</li>
<li>Email History: Track and view all sent email reports with detailed history and status information.</li>
<li>Visual Chart Generation: Beautiful charts showing metrics trends over time in email reports.</li>
<li>Data Export & Import: Export your environmental metrics data in CSV, JSON, or PDF formats, and import previously exported data with options to skip, replace, or merge duplicates.</li>
</ul>
<h3>🌍 Who Is This For?</h3>
GreenMetrics is ideal for:
<ul>
<li>Eco-conscious Website Owners who want to reduce their digital carbon footprint</li>
<li>Developers looking to optimize website performance and efficiency</li>
<li>Businesses striving to meet sustainability goals and showcase environmental responsibility</li>
<li>Bloggers and Content Creators focusing on green initiatives</li>
</ul>
<h3>📊 Track What Matters</h3>
GreenMetrics gives you comprehensive insights into your website’s environmental impact:
<ul>
<li>Carbon Footprint (grams of CO2)</li>
<li>Energy Consumption (kilowatt-hours)</li>
<li>Data Transfer (megabytes)</li>
<li>HTTP Requests (count)</li>
<li>Page Views (count)</li>
<li>Performance Score (percentage)</li>
</ul>
<h3>🎯 Actionable Insights</h3>
Beyond raw metrics, GreenMetrics provides:
<ul>
<li>Status Indicators showing where you need improvement</li>
<li>Optimization Recommendations specific to your site</li>
<li>Real-world Comparisons to help understand environmental impact</li>
<li>Historical Trends to track your progress over time</li>
</ul>
<h3>Usage</h3>
<h4>Admin Dashboard</h4>
<ol>
<li>Go to WordPress admin > GreenMetrics</li>
<li>Enable/disable tracking and badge display</li>
<li>View your website’s performance metrics and environmental impact</li>
</ol>
<h4>Display Settings</h4>
The Display Settings page provides comprehensive customization for your badge and metrics display:
<ul>
<li>Badge Configuration: Control visibility, position, size, and text</li>
<li>Icon Settings: Choose between different icon styles or upload a custom icon</li>
<li>Color Options: Customize badge background, text, and icon colors</li>
<li>Popover Settings: Configure title, metrics to display, and custom content</li>
<li>Styling Options: Customize fonts, font sizes, background colors, and hover effects</li>
</ul>
<h4>Data Management</h4>
The Data Management page helps you maintain optimal database performance:
<ul>
<li>Data Aggregation: Automatically aggregate detailed metrics into daily summaries</li>
<li>Data Pruning: Remove old data to keep your database lean and efficient</li>
<li>Manual Controls: Run aggregation and pruning operations on demand</li>
<li>Schedule Settings: Configure automatic maintenance schedules</li>
<li>Data Export/Import: Export data in CSV, JSON, or PDF formats, and import previously exported data with options to skip, replace, or merge duplicates</li>
</ul>
<h4>Advanced Reporting</h4>
The Advanced Reporting page provides detailed insights into your website’s environmental impact:
<ul>
<li>Time Period Selection: View metrics for custom date ranges</li>
<li>Visualization Options: Toggle between different chart types</li>
<li>Metric Filtering: Focus on specific metrics of interest</li>
<li>Data Export: Download your metrics data in CSV, JSON, or PDF formats for external analysis</li>
</ul>
<h4>Email Reporting</h4>
The Email Reporting page allows you to set up automated email reports and track their history:
<ul>
<li>Schedule Configuration: Set daily, weekly, or monthly reporting frequency</li>
<li>Recipient Management: Add multiple email recipients</li>
<li>Content Customization: Choose which metrics to include in reports</li>
<li>Template Selection: Pick from different email templates</li>
<li>Custom Styling: Personalize colors, fonts, and layout</li>
<li>Visual Charts: Include trend charts showing metrics over time</li>
<li>Email History: View a complete history of all sent reports with status tracking</li>
<li>Template Preview: Real-time preview of your email template as you customize it</li>
<li>Test Emails: Send test emails to verify your template and settings</li>
<li>Placeholder System: Use dynamic placeholders like [site_name], [date], [admin_email], etc.</li>
</ul>
<h4>Display Badge</h4>
You can display the eco-friendly badge in three ways:
<ol>
<li>
Gutenberg Block
<ul>
<li>Add the “GreenMetrics Badge” block to your page/post</li>
<li>Customize the appearance in the block settings</li>
</ul>
</li>
<li>
Shortcode
<ul>
<li>Use <code>[greenmetrics_badge theme="light" size="medium" position="bottom-right"]</code></li>
<li>Parameters: theme (light/dark), size (small/medium/large), position (bottom-right/bottom-left/top-right/top-left)</li>
</ul>
</li>
<li>
Global Badge
<ul>
<li>Enable the global badge option in Display Settings to show the badge site-wide</li>
<li>Customize all aspects of the badge and popover through the admin interface</li>
</ul>
</li>
</ol>
<h3>License</h3>
This plugin is licensed under the GPLv2 or later.
<h3>Credits</h3>
<ul>
<li>Icons provided by various open-source icon libraries</li>
<li>Built with love for a greener, more sustainable web</li>
</ul>

GreenMetrics – Website Carbon Footprint, Sustainability & Performance Metrics

Measure and reduce your website's environmental impact. Track CO2, energy, and performance stats directly in your WordPress dashboard.

JuZ DualView vs GreenMetrics – Website Carbon Footprint, Sustainability & Performance Metrics