99 out of 100

Overall Score

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.

Estimated Emissions

This page emits an estimated 0.067g of carbon dioxide equivalent (CO2e) every time someone views it.

0.067g

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.

96 out of 100

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.

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

URLPotential Savings
https://stirring-baklava-8ba6b3.netlify.app/img/shine-friends-sitting-by-the-window-and-talking-1.webp0

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.

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.

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.

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.

Unsized images

URL
https://stirring-baklava-8ba6b3.netlify.app/img/features/noun-networking-2909312-A5F3FC.svg
https://stirring-baklava-8ba6b3.netlify.app/img/features/noun-leadership-2909348-A5F3FC.svg
https://stirring-baklava-8ba6b3.netlify.app/img/IMG_1211.webp
https://stirring-baklava-8ba6b3.netlify.app/img/shine-friends-sitting-by-the-window-and-talking-1.webp
https://stirring-baklava-8ba6b3.netlify.app/img/shine-bubble-with-confused-thoughts.webp

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)

URLTime Spent
https://stirring-baklava-8ba6b3.netlify.app/263.51 ms

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.

Dom Size

StatisticValue
Total DOM Elements89
Maximum DOM Depth8
Maximum Child Elements9

Additional Resources

More information about DOM size

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.

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.

Main-thread work

CategoryTime Spent
Other24.02 ms
Style & Layout16.44 ms
Script Evaluation11.96 ms
Rendering7.68 ms
Parse HTML & CSS4.06 ms
Script Parsing & Compilation2.22 ms

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.

Additional Resources

Learn more about passive listeners

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.

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

URLTransfer Size
https://stirring-baklava-8ba6b3.netlify.app/img/shine-friends-sitting-by-the-window-and-talking-1.webp125.26 KB
https://stirring-baklava-8ba6b3.netlify.app/img/IMG_1211.webp54.15 KB
https://stirring-baklava-8ba6b3.netlify.app/img/shine-bubble-with-confused-thoughts.webp9.51 KB
https://unpkg.com/tippy.js@4.3.5/umd/index.all.min.js8.56 KB
https://unpkg.com/popper.js@1.16.1/dist/umd/popper.min.js8.03 KB
https://stirring-baklava-8ba6b3.netlify.app/img/features/noun-networking-2909312-A5F3FC.svg5.85 KB
https://stirring-baklava-8ba6b3.netlify.app/css/page.css4.94 KB
https://stirring-baklava-8ba6b3.netlify.app/2.89 KB
https://stirring-baklava-8ba6b3.netlify.app/img/features/noun-leadership-2909348-A5F3FC.svg2.56 KB
https://unpkg.com/tippy.js@4.3.5566 B

Additional Resources

Learn more about HTTP requests

99 out of 100

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.

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 Javascript100 / 100

Well done! There is no unused JavaScript on this page.

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

URLTransfer Size
https://stirring-baklava-8ba6b3.netlify.app/img/shine-friends-sitting-by-the-window-and-talking-1.webp125.26 KB
https://stirring-baklava-8ba6b3.netlify.app/img/IMG_1211.webp54.15 KB
https://stirring-baklava-8ba6b3.netlify.app/img/shine-bubble-with-confused-thoughts.webp9.51 KB
https://unpkg.com/tippy.js@4.3.5/umd/index.all.min.js8.56 KB
https://unpkg.com/popper.js@1.16.1/dist/umd/popper.min.js8.03 KB
https://stirring-baklava-8ba6b3.netlify.app/img/features/noun-networking-2909312-A5F3FC.svg5.85 KB
https://stirring-baklava-8ba6b3.netlify.app/css/page.css4.94 KB
https://stirring-baklava-8ba6b3.netlify.app/2.89 KB
https://stirring-baklava-8ba6b3.netlify.app/img/features/noun-leadership-2909348-A5F3FC.svg2.56 KB
https://unpkg.com/tippy.js@4.3.5566 B

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.

Unminified Javascript100 / 100

Well done! All JavaScript associated with this page has been minified.

Minifying scripts removes extra characters, improving page download speeds and reducing both data usage and emissions.

Duplicated Javascript100 / 100

We did not detect any duplicated JavaScript on this page.

Unused Javascript100 / 100

We did not detect any unused JavaScript on this page.

Legacy Javascript100 / 100

We did not detect any outdated JavaScript scripts on this page.

Uses Text Compression100 / 100

It appears as though this page uses compression to deliver text-based resources. Good work.

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.

Responsive images

URLResource SizePotential Savings
https://stirring-baklava-8ba6b3.netlify.app/img/shine-friends-sitting-by-the-window-and-talking-1.webp124.9 KB49.61 KB
https://stirring-baklava-8ba6b3.netlify.app/img/shine-bubble-with-confused-thoughts.webp9.16 KB7.58 KB
https://stirring-baklava-8ba6b3.netlify.app/img/IMG_1211.webp53.79 KB4.69 KB

Remove large, duplicate JavaScript modules from bundles to reduce unnecessary bytes consumed by network activity.

Duplicated Javascript100 / 100

Nice job! We didn’t detect any duplicate modules in JavaScript bundles, which means your visitors are receiving an optimized page experience.

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-PartyTransfer SizeMain-Thread Blocking Time
Unpkg18.74 KB0
100 out of 100

25% of score

Green Hosting

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.

Additional Resources

Find a green web host in The Green Web Foundation's hosting directory

More information on the difference between RECs and renewable energy

Next Steps

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.

Check another page