CodeForPhilly
Task: Audit performance of Get Access page
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
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
@CodeWritingCow If you create a ticket for improving the mobile performance could you assign it to me please
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 If you create a ticket for improving the mobile performance could you assign it to me please
@AZBL definitely!