Discussion on: Let's make my website even better

View post

What's your reason to use CSS Grid? The layout looks pretty simple.
On every navigation I can see the font change. That's really annoying.
Colors are killing my eyes. Gray on white is difficult to read. You really should reconsider that gray. You are using that everywhere. (dequeuniversity.com/rules/axe/2.2/...)
Your CSS is 250KB, why?
You might inline your footer and header logo to save requests. But that's optional in HTTP/2 world.

Thank you for the awesome feedback.

CSS Grid is very well supported. It should be used for layout, as I am doing here.
That texhnique is called FOFT.
I am considering changing this.
Inline fonts.
Great find, I will consider fixing this.

I fixed the font loading issues.

That's a good reason :D
Well, I just learned a new thing. Can you cache the font?
Are you inlining fonts and loading them externally too? See image below I think it's a huge waste of bandwidth. I am downloading 433 KB, 289 KB of that is just fonts and css. (gzipped) Can you get away from these fonts and use the web safe fonts? Or get rid of the inline fonts atleast.

It seems something is not working with font caching. I will notify you when I fix this.

For fonts I'd suggest linking through from google fonts, don't inline them, and lazy load them like this meowni.ca/posts/web-fonts/

After reading this article, that dates from 2016, I decided to stick with the current font loading technique since it is recommended by Zach.