beleaf

Josh

Videos are one of the largest assets that can be loaded on a webpage, and as such are one of the largest contributors to slow performance and high carbon emissions.
In fact, adding a Youtube embed to a page using the latest default WordPress theme, increased the page transfer size from 21 kb to 973 kb, and loaded an additional 27 resources. That’s an increase in transfer size of 4533%. Adding a Vimeo video increased the transfer from 21 kb to 276 kb, an increase in transfer size of 1214%, and loaded an additional 7 resources.
The Lazy Embed plugin defers the loading of any resource required for playing the video until the video is requested to be played. It does this by adding a srcdoc attribute to the iframe which shows in place of the normal iframe content.
Currently the following third parties are supported
<ul>
<li>Youtube</li>
<li>Vimeo</li>
<li>Dailymotion</li>
</ul>

Lazy Embed

Improves the performance and reduces the emissions of your website by only loading embeds (youtube, vimeo, etc) when they are clicked.

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.

Lazy Embed vs GreenMetrics – Website Carbon Footprint, Sustainability & Performance Metrics