Your Impact Report
Report for:
https://www.alexander-hantke.com/
Performance Impact
Ecograder Score
40
Out of 100
Emissions per Pageload
1.61
grams of carbon dioxide
This page scores worse than 93% of all URLs crawled by Ecograder
Ecograder scores pages based on a variety of performance, efficiency, and user experience factors as well as emissions estimates and green hosting powered by renewable energy.
Page Weight
43UX Design
63Green Hosting
0
Climate Impact
Digital Carbon Rating
Ecograder's digital carbon rating system gives this URL an “E” on a scale of A to E.
Page Emissions
1.61 g
Assuming your page gets pageviews, you’re emitting 1610.00 grams of carbon dioxide.
Page Weight
4.12 MB
This page is 60.74% larger than the average web page.
Scripts and media assets contribute to your page's emissions estimate but they aren't the only factor. The chart below breaks down estimated emissions impact per page view of individual asset types at this URL.
- Images: 4.04 MB, 1.5732 g of CO2e
- Scripts: 1041 bytes, 0.0005 g of CO2e
- HTML/CSS: 81.08 KB, 0.0316 g of CO2e
- Other: 0 bytes, 0.0000 g of CO2e
How to Improve Your Site
Use the list below to improve your website and reduce emissions in three key areas: performance, user experience, and green hosting.
Page Weight
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.
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 Weight-3 / 100
Total Byte Weight: Scanned Items
| URL | Transfer Size |
|---|---|
| https://www.alexander-hantke.com/img/screenshot-myflix-react.png | 1682544 |
| https://www.alexander-hantke.com/img/screenshot-myflix-angular-black.png | 1187254 |
| https://www.alexander-hantke.com/img/screenshot_uberbau.png | 317393 |
| https://www.alexander-hantke.com/img/screenshot-pokedex.JPG | 229157 |
| https://www.alexander-hantke.com/img/screenshot_meet.png | 159974 |
| https://www.alexander-hantke.com/img/screenshot_blobby.jpg | 134746 |
| https://www.alexander-hantke.com/img/screenshot-mychat.jpeg | 118308 |
| https://www.alexander-hantke.com/img/alexander-hantke-portrait.jpg | 115398 |
| https://www.alexander-hantke.com/ | 75431 |
| https://www.alexander-hantke.com/img/alexander-hantke-logo5.png | 37886 |
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 Javascript Insight-100 / 100
Unused Javascript100 / 100
We did not detect any unused JavaScript on this page.
Legacy Javascript Insight-100 / 100
Document Latency Insight-100 / 100
Additional Resources
Read more about how to find and remove unused scripts and code
UX Design
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 Insight-100 / 100
Largest Contentful Paint75 / 100
This page scored 75 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 19 on this page that could potentially slow down page renders. It looks like you have optimized most of them.
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 Shift69 / 100
This page scored 69 out of 100 for page layout shifts. You could stand to improve 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.
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 Score91 / 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 Score96 / 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
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 images50 / 100
11 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: Scanned Items
| URL |
|---|
| https://www.alexander-hantke.com/img/screenshot_uberbau.png |
| https://www.alexander-hantke.com/img/screenshot-mychat.jpeg |
| https://www.alexander-hantke.com/img/screenshot-pokedex.JPG |
| https://www.alexander-hantke.com/img/screenshot-myflix-react.png |
| https://www.alexander-hantke.com/img/screenshot_meet.png |
| https://www.alexander-hantke.com/img/screenshot-myflix-angular-black.png |
| https://www.alexander-hantke.com/img/screenshot_blobby.jpg |
| https://www.alexander-hantke.com/img/alexander-hantke-portrait.jpg |
| https://www.alexander-hantke.com/img/rest-api-icon.png |
| https://www.alexander-hantke.com/img/github_icon.svg |
| https://www.alexander-hantke.com/img/linkedin_icon.svg |
Additional Resources
Read why setting width and height on images benefits your users
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
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 Weight-3 / 100
Total Byte Weight: Scanned Items
| URL | Transfer Size |
|---|---|
| https://www.alexander-hantke.com/img/screenshot-myflix-react.png | 1682544 |
| https://www.alexander-hantke.com/img/screenshot-myflix-angular-black.png | 1187254 |
| https://www.alexander-hantke.com/img/screenshot_uberbau.png | 317393 |
| https://www.alexander-hantke.com/img/screenshot-pokedex.JPG | 229157 |
| https://www.alexander-hantke.com/img/screenshot_meet.png | 159974 |
| https://www.alexander-hantke.com/img/screenshot_blobby.jpg | 134746 |
| https://www.alexander-hantke.com/img/screenshot-mychat.jpeg | 118308 |
| https://www.alexander-hantke.com/img/alexander-hantke-portrait.jpg | 115398 |
| https://www.alexander-hantke.com/ | 75431 |
| https://www.alexander-hantke.com/img/alexander-hantke-logo5.png | 37886 |
Additional Resources
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 Hosting0 / 100
Hmmm. It appears as though you're not using a web host that powers its servers with renewable energy. You can improve this part of your score by switching to a green web host.
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
Why Should You Care?
In addition to helping you reduce emissions and learn more about your website's environmental impact, the information in this report will also improve your website in the following ways.
Page Weight
43 out of 100
Poor-performing websites frustrate users, increase emissions, cost more money, and can influence important marketing metrics, like search engine performance and page conversions.
UX Design
63 out of 100
End-user devices significantly contribute to the internet's environmental impact. Good UX design practices reduce energy, improve accessibility, and help users accomplish tasks quickly and easily.
Green Hosting
0 out of 100
Where you host your data matters. Find a web host or cloud provider that powers their data centers with 100% renewable energy. This could potentially reduce emissions by up to 30%.
Next Steps
This Ecograder report provides high-level information to start improving your website's environmental impact. To take more meaningful action, consider one of these options.
Share
Share this report with a colleague via email or to a social media feed.
