This page scores 99 out of a possible 100 points.
Nicely done. While there's always room to improve any page, this one is pretty good. Ecograder prioritizes a holistic approach to digital sustainability reporting. Each report includes quantifiable metrics to help you reduce emissions and improve performance. We also share best-in-class web design practices that aren't as easy to quantify from an ecological perspective. Read on to learn specific action items you can take to improve this page and your website overall.
This page emits an estimated 0.067g of carbon dioxide equivalent (CO2e) every time someone views it.
Pages visits per month
With the traffic numbers you selected, this page could create 10.18 kilograms and 101.85 kilograms of CO2e per month.
That's roughly equivalent to:
more than 0 of gas consumed
more than 0 driven by an average gasoline-powered passenger vehicle
more than 0 of home energy use
more than 0 smartphones charged
And that's just a single page on your site.
25% of score
Improve User Experience
Creating an accessible user experience that is free from barriers or intrusions helps people find what they need and accomplish tasks quickly. This is important because end consumer device use can potentially account for up to 52% of a digital product or service's overall emissions. Here are a few recommendations for providing your users with a better experience.
Improve Page Rendering
Studies have shown that users leave pages that don't display content quickly. "Above-the-fold" page content should render on a user's device in 2.5 seconds or less. This is especially crucial in low-bandwidth areas and for users with older devices.
Render Blocking Resources100 / 100
Great job! You have no render blocking scripts or stylesheets on this page.
Preload LCP Image100 / 100
Nice work. Your largest above-the-fold image is pre-loaded, resulting in an optimized page render time.
Largest Contentful Paint99 / 100
This page scored 99 out of 100 based on how quickly this page displays content. This is pretty good. You can improve this score by identifying elements that impede page rendering. Based on Ecograder's calculations, there are 14 on this page that could potentially slow down page renders. It looks like you have optimized most of them.
Preload LCP Image
Learn more about how Core Web Vitals improves user experience
Pages that respond slowly or don't respond as expected to user interactions—like button clicks, taps, key presses, form inputs, and so on—use more energy and frustrate users. This can be attributed to a number of things, some of which are outlined here.
Cumulative Layout Shift100 / 100
Nice work. This page scored 100 for no detectable page layout shifts. Page elements that shift while a user interacts with them are not only annoying but can potentially waste energy too. This is especially true if a user must redo tasks because of shift-induced mistakes they made.
Offscreen Images100 / 100
Great work. All the images on this page have been lazy loaded.
Max Potential First Input Delay100 / 100
Nice work. We couldn't detect any interaction delays.
Learn how Google's Core Web Vitals and sustainability go hand-in-hand
Optimize Content for Search
Pages that employ SEO best practices help people more quickly find content, reducing energy used while searching. Search-optimized pages also tend to be more accessible and work across a wider array of devices and platforms. This reduces the amount of energy (and frustration) users expend when barriers exist.
SEO Score100 / 100
Since search is contextual, it is difficult to estimate precisely how much good SEO practices reduce page-based emissions. Google says a single search can power a lightbulb for 17 seconds. However, given the global volume of daily searches, anything you can do to reduce energy expended by helping people more quickly find content is useful.
Accessible pages tend to work across a wider array of devices and platforms, including assistive technologies used by people with disabilities. Prioritizing accessibility reduces the amount of energy (and frustration) users expend when barriers exist. Plus, it's just the right thing to do.
Accessibility Score95 / 100
An automated crawler like Ecograder can only catch about one-third of total possible accessibility issues on any given page. Plus, emissions estimates related to the ecological impact of accessible content are difficult to quantify. However, truly sustainable solutions are good for people and planet. Because of this, we include web accessibility in Ecograder's scoring algorithm.
Read more about web content, accessibility, and sustainability
Serve static assets with an efficient cache policy
A long cache lifetime can speed up repeat visits to your page.
Long cache100 / 100
Well done! You are using an efficient cache policy on static assets.
Image elements do not have explicit width and height
Set an explicit width and height on image elements to reduce layout shifts and improve CLS.
Unsized images0 / 100
5 images on your web page do not have width and height attributes set. Setting an explicit height and width on image elements helps prevent cumulative layout shift, which can impact user experience and search rankings.
Read why setting width and height on images benefits your users
Reduce server response times (TTFB)
Keep the server response time for the main document short because all other requests depend on it.
Reduce server response times (TTFB)100 / 100
Great job! The Time to First Byte (TTFB) is 264 ms, providing your users with a better experience which also helps your page rank better.
Reduce server response times (TTFB)
Avoid an excessive DOM size
A large DOM will increase memory usage, cause longer style calculations, and produce costly layout reflows.
Dom Size100 / 100
Great job. Your DOM size is optimized.
|Total DOM Elements||89|
|Maximum DOM Depth||8|
|Maximum Child Elements||9|
Avoid multiple page redirects
Page redirects cause slower page speeds. Pages are flagged if they have two or more redirects. To prevent this, look at the list of redirects and update links to point directly to each resource’s actual location. This will cut out unnecessary redirecting and reduce load times.
Page redirects100 / 100
Great job. Your page doesn't contain two or more redirects and is optimized for load time based on pointing your resources directly to the actual location.
Minimize main-thread work
Consider reducing the time spent parsing, compiling and executing JS. You may find delivering smaller JS payloads helps with this.
Main-thread work100 / 100
Fantastic! Your main thread was busy for 0.1 s. Any time less than four seconds is ideal and means your users can interact with your page quickly.
|Style & Layout||16.44 ms|
|Script Evaluation||11.96 ms|
|Parse HTML & CSS||4.06 ms|
|Script Parsing & Compilation||2.22 ms|
Use passive listeners to improve scrolling performance
Consider marking your touch and wheel event listeners as ‘passive’ to improve your page’s scroll performance.
Passive event listeners100 / 100
Great job! Your page does not use "active" touch and wheel event listeners, which can hurt your page's scroll performance.
Preconnect to required origins
Consider adding ‘preconnect’ or ‘dns-prefetch’ resource hints to establish early connections to important third-party origins.
Preconnect to required origins100 / 100
Sweet! You scored 100 out of 100. Your page is set up to establish early connections to important third-party origins, which optimizes your page load speed.
Learn more about establishing early connections to third-party origins
Reduce Server Requests
Every time your page makes a server request, energy is required to transfer and display data. Reducing the number of requests your pages make can improve performance and reduce emissions.
Total Byte Weight100 / 100
Nicely done. You scored 100 out of 100.
Total Byte Weight
50% of score
Reduce Page Size
By compressing image file size and removing unused items from a page you'll not only reduce emissions but faster-downloading pages make users happier as well. Below are some things you can do to reduce the size of this page.
Images, video, and animation are often the largest media assets on a page. By optimizing these files, you can decrease load time and reduce emissions.
Efficient Animated Content100 / 100
This page scored 100 out of 100 for its use of efficient animated content. Keep up the great work!
Modern Image Formats100 / 100
Nice work! All the images on this page use modern image formats like AVIF and WebP, which are optimized to download quickly across devices and platforms, reducing both emissions and data use.
Click the Details tab to learn more.
Uses Optimized Images100 / 100
Nicely done! All the images on this page are optimized to speed up download times, improve page performance, and reduce emissions.
Reduce Overall Page Weight
Webpages that use unnecessary scripts, media, or other elements can slow down page performance, frustrate users, and increase both download times and emissions. Make sure you serve fast, lightweight pages to users by removing any unnecessary elements. Learn more about how to do this in the recommendations below.
Unused CSS Rules100 / 100
Well done! There are no unused CSS Rules on this page.
Total Byte Weight100 / 100
Nice Job! This page scores 100 for page weight.
Total Byte Weight
Learn how page weight budgets can help you reach sustainability goals
Remove Unused Code
Plugins, widgets, and third-party frameworks often introduce unnecessary code snippets into your page which can adversely impact download speed and performance.
Unminified CSS100 / 100
Well done! All the CSS associated with this page has been optimized. Minifying scripts removes extra characters, improving page download speeds and reducing both data usage and emissions.
Unused CSS Rules100 / 100
We did not detect any unused CSS Rules on this page.
Minifying scripts removes extra characters, improving page download speeds and reducing both data usage and emissions.
Uses Text Compression100 / 100
It appears as though this page uses compression to deliver text-based resources. Good work.
Read more about how to find and remove unused scripts and code
Properly size images
Serve images that are appropriately-sized to save cellular data and improve load time.
Responsive images93 / 100
This page could save 80 ms because images are larger than what is actually served to website visitors. It scored 93 out of 100 for properly sized images. You're doing great, but there's always room to improve. You can potentially save 63356 bytes by properly sizing images.
|URL||Resource Size||Potential Savings|
|https://stirring-baklava-8ba6b3.netlify.app/img/shine-friends-sitting-by-the-window-and-talking-1.webp||124.9 KB||49.61 KB|
|https://stirring-baklava-8ba6b3.netlify.app/img/shine-bubble-with-confused-thoughts.webp||9.16 KB||7.58 KB|
|https://stirring-baklava-8ba6b3.netlify.app/img/IMG_1211.webp||53.79 KB||4.69 KB|
Reduce the impact of third party code
Third-party code can significantly impact load performance. Limit the number of redundant third-party providers and try to load third-party code after your page has primarily finished loading.
Third party code100 / 100
Nice job! You limited the number of third-party providers on this page.
Third party code
|Third-Party||Transfer Size||Main-Thread Blocking Time|
25% of score
Choosing a web host that powers its servers with renewable energy can reduce your digital product or service's environmental impact by an estimated 15%. But not all renewable energy is created equal. If possible, choose a hosting partner that directly powers their data centers with renewables versus one that purchases offsets or unbundled renewable energy credits (RECs).
Powering servers with renewable energy is an important choice to measurably reduce your product or service's environmental impact.
Green Hosting100 / 100
Excellent! It looks like this page uses a web host that powers its servers with renewable energy.
Find a green web host in The Green Web Foundation's hosting directory
More information on the difference between RECs and renewable energy
Once you make the recommended improvements above, what's next?
To that end, here are some additional suggestions:
For more information on best-in-class practices for designing and building more sustainable digital products, check out the Sustainable Web Design website.
Finally, this report represents one URL of your entire site or digital product. Consider using Ecograder on other important pages as well.