Submit to Gatsby - Githubissues

raae / bottledhappiness

Our entry for the GatsbyJS #SillySiteChallenge. An app with bottled happiness, aka. our daughter's laughter.

https://bottledhappiness.app/

BSD Zero Clause License

1 stars 1 forks source link

Submit to Gatsby #28

Open raae opened 3 years ago

olavea commented 3 years ago

how to Submit sillysitechallenge to Gatsby

How are submissions judged?

The Gatsby team will judge sites based on

[x] creativity,
[ ] accessibility,
[ ] performance (as measured by Lighthouse scores) and
[x] overall fun-ness.
[x] Sites must be built with Gatsby.
[x] Any submissions that violate the Code of Conduct will be disqualified.

Accessibility

I did an accessibility review with the Wave Chrome extension: https://wave.webaim.org/extension/

silly3-new_accessibility,-#28-9

What do you suggest we do @raae ?

Performance

I did a performance review with Lighthouse We got 77%

Metrics

First Contentful Paint 1.7 s
Speed Index 1.7 s
Largest Contentful Paint 4.1 s
Time to Interactive 7.0 s
Total Blocking Time 310 ms
Cumulative Layout Shift 0.021

What do you suggest we do @raae ?

Opportunities

These suggestions can help your page load faster. They don't directly affect the Performance score.

[ ] Remove unused JavaScript (2.72 s Estimated Savings)
[ ] Minify JavaScript (1.95 s Estimated Savings)
[ ] Avoid serving legacy JavaScript to modern browsers

silly3-perfoma-#28-12

Read more: https://www.gatsbyjs.com/silly-site-challenge-faq/

raae commented 3 years ago

accessibility

The only thing one can really do on the page is click to play and navigate to "about". If I use my tab I cannot select the svg as its not a button. But one should be able to tab there and then hit play by hitting enter. A possible solution is to wrap it in a theme-ui button, but you have to fix some styling. Should be doable.

performance

I think its is mostly because we import the audio and they are probably quite big. Would be better to source link to them. But not to concerned about that.