Task: Audit performance of Get Access page

[CodeWritingCow]

Describe the task

Audit performance of Clean and Green Philly's Get Access webpage using Google Lighthouse. Document audit results, including areas of improvement.

Acceptance Criteria

• [ ] Generate Lighthouse report for mobile devices
• [ ] Generate Lighthouse report for desktop devices
• [ ] Post screenshots of results in this issue's comments section
• [ ] Write brief summary of audit highlights, including Lighthouse's recommendations for improvement.

Additional context

• For instructions on using Lighthouse, see https://developer.chrome.com/docs/lighthouse/overview

[AZBL]

Hi I'd like to be assigned this.

[CodeWritingCow]

@AZBL assigned!

[AZBL]

Summary

Desktop scoring for the Get Access page was good across the board.

• Performance: 69
• Accessibility: 95
• Best Practices: 100
• SEO: 91

Mobile scoring did poorly on Performance and good elsewhere

• Performance: 97
• Accessibility: 95
• Best Practices: 100
• SEO: 91

Areas for Improvement (all on mobile):

• Reduce JavaScript execution time
• Minimize main-thread work
• Reduce unused JavaScript
• Eliminate render-blocking resources
• Reduce the impact of third-party code
• Largest Contentful Paint element - 2,800 ms
• Page prevented back/forward cache restoration

---

MOBILE

---

---

DESKTOP

[AZBL]

@CodeWritingCow If you create a ticket for improving the mobile performance could you assign it to me please

[CodeWritingCow]

Mobile scoring did poorly on Performance and good elsewhere

• Performance: 97
• Accessibility: 95
• Best Practices: 100
• SEO: 91

@AZBL I think Mobile's performance score is 69 and not 97. Can you fix that? Thanks!

Also, did Lighthouse have more info on what's causing mobile's Largest Contentful Paint (LCP) element to load so slowly?

[CodeWritingCow]

@CodeWritingCow If you create a ticket for improving the mobile performance could you assign it to me please

@AZBL definitely!