tracking: improve web performance and practices

[iuioiua]

https://saaskit.deno.dev/ should have the best possible score on https://pagespeed.web.dev/

This is partly dependent on #260.

[brunocorrea23]

This is the current lighthouse score https://saaskit.deno.dev/.

The only score that is not 100 is the SEO score for mobile. This happens because of the size of tap area for some of the elements. Not sure if there is any way to solve this without changing the design of the page (spacing the elements). Also, not sure if we want to do it.

[iuioiua]

I'm happy to increase these items' margins and possibly font size.

[brunocorrea23]

@iuioiua , just checking with you.. are you feeling that the app is slow?
On my local machine it is super fast, but on https://hunt.deno.land/ it is taking longer to respond.

lighthouse doesn't seem to be complaining about it, as the performance score is still high, but:

it is taking 1s for server response.

there seems to be opportunities on improving server response time

TTFB is also not ideal. neither on mobile nor on desktop.

Should this be the result we are getting? Are you experiencing something similar?

[iuioiua]

Yeah, I'm also noticing slowness. I suspect the sub-optimal DB logic to be the cause. Perhaps, fixing #400 is a step in the right direction. Also, ensuring that eventual consistency is being used where reasonable to do so.

[iuioiua]

I'd be happy to hear any ideas on how performance can be improved across the site.

[iuioiua]

The following have contributed to improving performance:

• fix: only call /api/me/votes when being signed in #534
• chore: upgrade to Fresh 1.4.3 #527
• perf: use rel=preload for pages that perform fetching #520
• perf: <MadeWithFreshBadge /> #518
• perf: <StaticVoteButton /> #517

Thank you to those who helped!