70 out of 100

Overall Score

This page scores 70 out of a possible 100 points.

Not bad, though there's room to improve this page. 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 3.196g of carbon dioxide equivalent (CO2e) every time someone views it.

3.196g

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.

55 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 Paint100 / 100

Nice work. This page renders quickly for users.

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

This page scored 30 out of 100 for page layout shifts. You should look into this. 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 Score80 / 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 Score77 / 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 cache0 / 100

It looks like your page has 19 static resources that aren't cached, which results in longer load times. Caching HTTP speeds up page load time for repeat visitors and this page could save 8148867.55 bytes, so consider caching static resources where possible.

Long cache

URLCache TTLTransfer Size
https://cdn.dribbble.com/users/110792/screenshots/16155208/media/60bdb1b4ec95f5a9310ce56d01c6dde8.png01.18 MB
https://cdn.dribbble.com/users/110792/screenshots/16400895/media/d3815254e9f206a115bd28891a447b68.gif01 MB
https://cdn.dribbble.com/users/110792/screenshots/17321407/media/802a14e080515c34b747e7ff64c16b51.png0939.88 KB
https://cdn.dribbble.com/users/110792/screenshots/15251860/media/b453df23959af8c268ba0d5382f636c6.png0801.86 KB
https://cdn.dribbble.com/users/110792/screenshots/7825679/media/a52a95affd5b493a959dd71cff15550d.png0587.3 KB
https://cdn.dribbble.com/users/110792/screenshots/15445150/media/15978083e6ca50da45c5a16a2dc45803.png0566.38 KB
https://cdn.dribbble.com/users/110792/screenshots/15312485/media/db9d99311c6a52f53a572eb53b9d9948.png0443.74 KB
https://cdn.dribbble.com/users/110792/screenshots/15347536/media/dffedc55cafa600dd87e1e51f31f1e9a.png0417.48 KB
https://cdn.dribbble.com/users/110792/screenshots/17295519/media/36f6132f41af8bc95b9ed9c3376af490.png0332.4 KB
https://cdn.dribbble.com/users/110792/screenshots/13808928/media/f244f4d53c4fd52ebbcd65cbbb0a364f.png0313.99 KB
https://cdn.dribbble.com/users/110792/screenshots/7062046/media/e9bd0d1322b58918d62b7077428523cf.png0311.37 KB
https://cdn.dribbble.com/users/110792/screenshots/16283549/media/7482bef393b66f2a0cd3ce284fb10ae0.png0280.98 KB
https://cdn.dribbble.com/users/110792/screenshots/16247517/media/619b3baaedfe52af553f84076c87e803.png0248.06 KB
https://cdn.dribbble.com/users/110792/screenshots/17526937/media/a80a56a33be4420b3767127e625bd97a.jpg0234.5 KB
https://cdn.dribbble.com/users/110792/screenshots/8903129/media/a9067945d0fefdfba23073746bb8adfa.png0117.34 KB
https://cdn.dribbble.com/users/110792/screenshots/17149522/media/6840dca434302066a0e40cc743c6127f.png095.62 KB
https://slrncl.com/dev/portfolio/assets/jquery.js15 m29.68 KB
https://slrncl.com/dev/portfolio/assets/style.css15 m1.57 KB
https://slrncl.com/dev/portfolio/assets/main.js15 m1.07 KB

Set an explicit width and height on image elements to reduce layout shifts and improve CLS.

Unsized images100 / 100

Nice job! Your images have explicit width and height attributes set. This helps to prevent cumulative layout shift, which improves user experience and search rankings.

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 209 ms, providing your users with a better experience which also helps your page rank better.

Reduce server response times (TTFB)

URLTime Spent
https://slrncl.com/dev/portfolio/209.36 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 Elements414
Maximum DOM Depth9
Maximum Child Elements54

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.2 s. Any time less than four seconds is ideal and means your users can interact with your page quickly.

Main-thread work

CategoryTime Spent
Other68.62 ms
Script Evaluation42.11 ms
Style & Layout25.08 ms
Rendering7.85 ms
Parse HTML & CSS7.57 ms
Script Parsing & Compilation3.25 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 Weight0 / 100

This page scored 0 out of 100 possible points for the 10 requests it makes to the server. Try reducing the number of server requests on this page to improve your score.

Total Byte Weight

URLTransfer Size
https://cdn.dribbble.com/users/110792/screenshots/16155208/media/60bdb1b4ec95f5a9310ce56d01c6dde8.png1.18 MB
https://cdn.dribbble.com/users/110792/screenshots/16400895/media/d3815254e9f206a115bd28891a447b68.gif1 MB
https://cdn.dribbble.com/users/110792/screenshots/17321407/media/802a14e080515c34b747e7ff64c16b51.png939.88 KB
https://cdn.dribbble.com/users/110792/screenshots/15251860/media/b453df23959af8c268ba0d5382f636c6.png801.86 KB
https://cdn.dribbble.com/users/110792/screenshots/7825679/media/a52a95affd5b493a959dd71cff15550d.png587.3 KB
https://cdn.dribbble.com/users/110792/screenshots/15445150/media/15978083e6ca50da45c5a16a2dc45803.png566.38 KB
https://cdn.dribbble.com/users/110792/screenshots/15312485/media/db9d99311c6a52f53a572eb53b9d9948.png443.74 KB
https://cdn.dribbble.com/users/110792/screenshots/15347536/media/dffedc55cafa600dd87e1e51f31f1e9a.png417.48 KB
https://cdn.dribbble.com/users/110792/screenshots/17295519/media/36f6132f41af8bc95b9ed9c3376af490.png332.4 KB
https://cdn.dribbble.com/users/110792/screenshots/13808928/media/f244f4d53c4fd52ebbcd65cbbb0a364f.png313.99 KB

Additional Resources

Learn more about HTTP requests

63 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 Content54 / 100

This page scored 54 out of 100 for its use of efficient animated content. You can improve this score by converting inefficient GIFs, Flash, or other animated content to MPEG-4 or WebM videos. Doing so could potentially save you 836.02 kb in data per page view and reduce page download time by 680 ms.

Modern Image Formats4 / 100

This page scored 4 out of 100 for its use of modern image formats like AVIF or WebP. Modern image formats have smaller file sizes which allow them to download and display faster for users.

There is significant room to improve performance and reduce emissions related to this page by converting images to modern formats, which have smaller file sizes that download and display faster for users. Of the 27 images on this page, there are 14 opportunities to improve page load time by up to 4.68 seconds.

Uses Optimized Images90 / 100

You scored 90 out of 100 for image optimization on this page. That's great. If you want to further speed up download times and improve page performance, here are your opportunities. Of the 27 images on this page, you could better optimize 1 to potentially improve page load time by 120 ms.

Uses Optimized Images

URLResource SizePotential Savings
https://cdn.dribbble.com/users/110792/screenshots/17526937/media/a80a56a33be4420b3767127e625bd97a.jpg233.74 KB152.9 KB

Modern Image Formats

URLResource SizePotential Savings
https://cdn.dribbble.com/users/110792/screenshots/16155208/media/60bdb1b4ec95f5a9310ce56d01c6dde8.png1.18 MB1.04 MB
https://cdn.dribbble.com/users/110792/screenshots/17321407/media/802a14e080515c34b747e7ff64c16b51.png939.13 KB835.51 KB
https://cdn.dribbble.com/users/110792/screenshots/15251860/media/b453df23959af8c268ba0d5382f636c6.png801.11 KB746.92 KB
https://cdn.dribbble.com/users/110792/screenshots/7825679/media/a52a95affd5b493a959dd71cff15550d.png586.55 KB490.47 KB
https://cdn.dribbble.com/users/110792/screenshots/15445150/media/15978083e6ca50da45c5a16a2dc45803.png565.63 KB469.99 KB
https://cdn.dribbble.com/users/110792/screenshots/15312485/media/db9d99311c6a52f53a572eb53b9d9948.png442.99 KB364.47 KB
https://cdn.dribbble.com/users/110792/screenshots/15347536/media/dffedc55cafa600dd87e1e51f31f1e9a.png416.73 KB337.36 KB
https://cdn.dribbble.com/users/110792/screenshots/17295519/media/36f6132f41af8bc95b9ed9c3376af490.png331.65 KB284.11 KB
https://cdn.dribbble.com/users/110792/screenshots/7062046/media/e9bd0d1322b58918d62b7077428523cf.png310.62 KB255.03 KB
https://cdn.dribbble.com/users/110792/screenshots/13808928/media/f244f4d53c4fd52ebbcd65cbbb0a364f.png313.24 KB248.09 KB
https://cdn.dribbble.com/users/110792/screenshots/16283549/media/7482bef393b66f2a0cd3ce284fb10ae0.png280.23 KB225.85 KB
https://cdn.dribbble.com/users/110792/screenshots/17526937/media/a80a56a33be4420b3767127e625bd97a.jpg233.74 KB203.45 KB
https://cdn.dribbble.com/users/110792/screenshots/16247517/media/619b3baaedfe52af553f84076c87e803.png247.31 KB193.21 KB
https://cdn.dribbble.com/users/110792/screenshots/8903129/media/a9067945d0fefdfba23073746bb8adfa.png116.59 KB98.61 KB

Efficient Animated Content

URLResource SizePotential Savings
https://cdn.dribbble.com/users/110792/screenshots/16400895/media/d3815254e9f206a115bd28891a447b68.gif1 MB769.32 KB
https://cdn.dribbble.com/users/110792/screenshots/4578115/media/50b470b3766757f5696e9c5e258f0994.gif136.12 KB66.7 KB

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

Whoa! This page is 8717.94 kb. It scored 0 out of 100 for page weight. You can significantly improve performance by optimizing 10 items on this page.

Total Byte Weight

URLTransfer Size
https://cdn.dribbble.com/users/110792/screenshots/16155208/media/60bdb1b4ec95f5a9310ce56d01c6dde8.png1.18 MB
https://cdn.dribbble.com/users/110792/screenshots/16400895/media/d3815254e9f206a115bd28891a447b68.gif1 MB
https://cdn.dribbble.com/users/110792/screenshots/17321407/media/802a14e080515c34b747e7ff64c16b51.png939.88 KB
https://cdn.dribbble.com/users/110792/screenshots/15251860/media/b453df23959af8c268ba0d5382f636c6.png801.86 KB
https://cdn.dribbble.com/users/110792/screenshots/7825679/media/a52a95affd5b493a959dd71cff15550d.png587.3 KB
https://cdn.dribbble.com/users/110792/screenshots/15445150/media/15978083e6ca50da45c5a16a2dc45803.png566.38 KB
https://cdn.dribbble.com/users/110792/screenshots/15312485/media/db9d99311c6a52f53a572eb53b9d9948.png443.74 KB
https://cdn.dribbble.com/users/110792/screenshots/15347536/media/dffedc55cafa600dd87e1e51f31f1e9a.png417.48 KB
https://cdn.dribbble.com/users/110792/screenshots/17295519/media/36f6132f41af8bc95b9ed9c3376af490.png332.4 KB
https://cdn.dribbble.com/users/110792/screenshots/13808928/media/f244f4d53c4fd52ebbcd65cbbb0a364f.png313.99 KB

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

Nice Job! This page scores 100 out of 100 for properly sized images.

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
Unpkg1.4 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