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.
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 Paint100 / 100
Nice work. This page renders quickly for users.
Additional Resources
Learn more about how Core Web Vitals improves user experience
Page Interactions
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.
Additional Resources
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 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.
Additional Resources
Accessibility
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.
Additional Resources
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 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
URL | Cache TTL | Transfer Size |
---|---|---|
https://cdn.dribbble.com/users/110792/screenshots/16155208/media/60bdb1b4ec95f5a9310ce56d01c6dde8.png | 0 | 1.18 MB |
https://cdn.dribbble.com/users/110792/screenshots/16400895/media/d3815254e9f206a115bd28891a447b68.gif | 0 | 1 MB |
https://cdn.dribbble.com/users/110792/screenshots/17321407/media/802a14e080515c34b747e7ff64c16b51.png | 0 | 939.88 KB |
https://cdn.dribbble.com/users/110792/screenshots/15251860/media/b453df23959af8c268ba0d5382f636c6.png | 0 | 801.86 KB |
https://cdn.dribbble.com/users/110792/screenshots/7825679/media/a52a95affd5b493a959dd71cff15550d.png | 0 | 587.3 KB |
https://cdn.dribbble.com/users/110792/screenshots/15445150/media/15978083e6ca50da45c5a16a2dc45803.png | 0 | 566.38 KB |
https://cdn.dribbble.com/users/110792/screenshots/15312485/media/db9d99311c6a52f53a572eb53b9d9948.png | 0 | 443.74 KB |
https://cdn.dribbble.com/users/110792/screenshots/15347536/media/dffedc55cafa600dd87e1e51f31f1e9a.png | 0 | 417.48 KB |
https://cdn.dribbble.com/users/110792/screenshots/17295519/media/36f6132f41af8bc95b9ed9c3376af490.png | 0 | 332.4 KB |
https://cdn.dribbble.com/users/110792/screenshots/13808928/media/f244f4d53c4fd52ebbcd65cbbb0a364f.png | 0 | 313.99 KB |
https://cdn.dribbble.com/users/110792/screenshots/7062046/media/e9bd0d1322b58918d62b7077428523cf.png | 0 | 311.37 KB |
https://cdn.dribbble.com/users/110792/screenshots/16283549/media/7482bef393b66f2a0cd3ce284fb10ae0.png | 0 | 280.98 KB |
https://cdn.dribbble.com/users/110792/screenshots/16247517/media/619b3baaedfe52af553f84076c87e803.png | 0 | 248.06 KB |
https://cdn.dribbble.com/users/110792/screenshots/17526937/media/a80a56a33be4420b3767127e625bd97a.jpg | 0 | 234.5 KB |
https://cdn.dribbble.com/users/110792/screenshots/8903129/media/a9067945d0fefdfba23073746bb8adfa.png | 0 | 117.34 KB |
https://cdn.dribbble.com/users/110792/screenshots/17149522/media/6840dca434302066a0e40cc743c6127f.png | 0 | 95.62 KB |
https://slrncl.com/dev/portfolio/assets/jquery.js | 15 m | 29.68 KB |
https://slrncl.com/dev/portfolio/assets/style.css | 15 m | 1.57 KB |
https://slrncl.com/dev/portfolio/assets/main.js | 15 m | 1.07 KB |
Additional Resources
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 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.
Additional Resources
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 209 ms, providing your users with a better experience which also helps your page rank better.
Reduce server response times (TTFB)
URL | Time Spent |
---|---|
https://slrncl.com/dev/portfolio/ | 209.36 ms |
Additional Resources
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.
Dom Size
Statistic | Value |
---|---|
Total DOM Elements | 414 |
Maximum DOM Depth | 9 |
Maximum Child Elements | 54 |
Additional Resources
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.
Additional Resources
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.2 s. Any time less than four seconds is ideal and means your users can interact with your page quickly.
Main-thread work
Category | Time Spent |
---|---|
Other | 68.62 ms |
Script Evaluation | 42.11 ms |
Style & Layout | 25.08 ms |
Rendering | 7.85 ms |
Parse HTML & CSS | 7.57 ms |
Script Parsing & Compilation | 3.25 ms |
Additional Resources
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.
Additional Resources
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.
Additional Resources
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 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
URL | Transfer Size |
---|---|
https://cdn.dribbble.com/users/110792/screenshots/16155208/media/60bdb1b4ec95f5a9310ce56d01c6dde8.png | 1.18 MB |
https://cdn.dribbble.com/users/110792/screenshots/16400895/media/d3815254e9f206a115bd28891a447b68.gif | 1 MB |
https://cdn.dribbble.com/users/110792/screenshots/17321407/media/802a14e080515c34b747e7ff64c16b51.png | 939.88 KB |
https://cdn.dribbble.com/users/110792/screenshots/15251860/media/b453df23959af8c268ba0d5382f636c6.png | 801.86 KB |
https://cdn.dribbble.com/users/110792/screenshots/7825679/media/a52a95affd5b493a959dd71cff15550d.png | 587.3 KB |
https://cdn.dribbble.com/users/110792/screenshots/15445150/media/15978083e6ca50da45c5a16a2dc45803.png | 566.38 KB |
https://cdn.dribbble.com/users/110792/screenshots/15312485/media/db9d99311c6a52f53a572eb53b9d9948.png | 443.74 KB |
https://cdn.dribbble.com/users/110792/screenshots/15347536/media/dffedc55cafa600dd87e1e51f31f1e9a.png | 417.48 KB |
https://cdn.dribbble.com/users/110792/screenshots/17295519/media/36f6132f41af8bc95b9ed9c3376af490.png | 332.4 KB |
https://cdn.dribbble.com/users/110792/screenshots/13808928/media/f244f4d53c4fd52ebbcd65cbbb0a364f.png | 313.99 KB |
Additional Resources
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.
Optimize Media
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
URL | Resource Size | Potential Savings |
---|---|---|
https://cdn.dribbble.com/users/110792/screenshots/17526937/media/a80a56a33be4420b3767127e625bd97a.jpg | 233.74 KB | 152.9 KB |
Modern Image Formats
URL | Resource Size | Potential Savings |
---|---|---|
https://cdn.dribbble.com/users/110792/screenshots/16155208/media/60bdb1b4ec95f5a9310ce56d01c6dde8.png | 1.18 MB | 1.04 MB |
https://cdn.dribbble.com/users/110792/screenshots/17321407/media/802a14e080515c34b747e7ff64c16b51.png | 939.13 KB | 835.51 KB |
https://cdn.dribbble.com/users/110792/screenshots/15251860/media/b453df23959af8c268ba0d5382f636c6.png | 801.11 KB | 746.92 KB |
https://cdn.dribbble.com/users/110792/screenshots/7825679/media/a52a95affd5b493a959dd71cff15550d.png | 586.55 KB | 490.47 KB |
https://cdn.dribbble.com/users/110792/screenshots/15445150/media/15978083e6ca50da45c5a16a2dc45803.png | 565.63 KB | 469.99 KB |
https://cdn.dribbble.com/users/110792/screenshots/15312485/media/db9d99311c6a52f53a572eb53b9d9948.png | 442.99 KB | 364.47 KB |
https://cdn.dribbble.com/users/110792/screenshots/15347536/media/dffedc55cafa600dd87e1e51f31f1e9a.png | 416.73 KB | 337.36 KB |
https://cdn.dribbble.com/users/110792/screenshots/17295519/media/36f6132f41af8bc95b9ed9c3376af490.png | 331.65 KB | 284.11 KB |
https://cdn.dribbble.com/users/110792/screenshots/7062046/media/e9bd0d1322b58918d62b7077428523cf.png | 310.62 KB | 255.03 KB |
https://cdn.dribbble.com/users/110792/screenshots/13808928/media/f244f4d53c4fd52ebbcd65cbbb0a364f.png | 313.24 KB | 248.09 KB |
https://cdn.dribbble.com/users/110792/screenshots/16283549/media/7482bef393b66f2a0cd3ce284fb10ae0.png | 280.23 KB | 225.85 KB |
https://cdn.dribbble.com/users/110792/screenshots/17526937/media/a80a56a33be4420b3767127e625bd97a.jpg | 233.74 KB | 203.45 KB |
https://cdn.dribbble.com/users/110792/screenshots/16247517/media/619b3baaedfe52af553f84076c87e803.png | 247.31 KB | 193.21 KB |
https://cdn.dribbble.com/users/110792/screenshots/8903129/media/a9067945d0fefdfba23073746bb8adfa.png | 116.59 KB | 98.61 KB |
Efficient Animated Content
URL | Resource Size | Potential Savings |
---|---|---|
https://cdn.dribbble.com/users/110792/screenshots/16400895/media/d3815254e9f206a115bd28891a447b68.gif | 1 MB | 769.32 KB |
https://cdn.dribbble.com/users/110792/screenshots/4578115/media/50b470b3766757f5696e9c5e258f0994.gif | 136.12 KB | 66.7 KB |
Additional Resources
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 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
URL | Transfer Size |
---|---|
https://cdn.dribbble.com/users/110792/screenshots/16155208/media/60bdb1b4ec95f5a9310ce56d01c6dde8.png | 1.18 MB |
https://cdn.dribbble.com/users/110792/screenshots/16400895/media/d3815254e9f206a115bd28891a447b68.gif | 1 MB |
https://cdn.dribbble.com/users/110792/screenshots/17321407/media/802a14e080515c34b747e7ff64c16b51.png | 939.88 KB |
https://cdn.dribbble.com/users/110792/screenshots/15251860/media/b453df23959af8c268ba0d5382f636c6.png | 801.86 KB |
https://cdn.dribbble.com/users/110792/screenshots/7825679/media/a52a95affd5b493a959dd71cff15550d.png | 587.3 KB |
https://cdn.dribbble.com/users/110792/screenshots/15445150/media/15978083e6ca50da45c5a16a2dc45803.png | 566.38 KB |
https://cdn.dribbble.com/users/110792/screenshots/15312485/media/db9d99311c6a52f53a572eb53b9d9948.png | 443.74 KB |
https://cdn.dribbble.com/users/110792/screenshots/15347536/media/dffedc55cafa600dd87e1e51f31f1e9a.png | 417.48 KB |
https://cdn.dribbble.com/users/110792/screenshots/17295519/media/36f6132f41af8bc95b9ed9c3376af490.png | 332.4 KB |
https://cdn.dribbble.com/users/110792/screenshots/13808928/media/f244f4d53c4fd52ebbcd65cbbb0a364f.png | 313.99 KB |
Additional Resources
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.
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.
Additional Resources
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 images100 / 100
Nice Job! This page scores 100 out of 100 for properly sized images.
Additional Resources
Remove duplicate modules in JavaScript bundles
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.
Additional Resources
Read why removing javascript makes your website more efficient
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 |
---|---|---|
Unpkg | 1.4 KB | 0 |
Additional Resources
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).
Green Hosting
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