Live data from Hacker News

Making our new homepage fast and performant

github.blog

1–10 of 144 posts

Re: Making our new homepage fast and performant

#2
Amazing hack with the SVG mask and embedded JPEG to compensate for web browsers not supporting WebP images! This trick was used to get an image that has both transparency and lossy compression.

I would have loved to see the face of the engineer who thought of this hack, tried it, and saw that it worked for the first time. :)

Re: Making our new homepage fast and performant

#4
This is neat, in a look-what-i-can-do sort of way. And I do appreciate the write-up. However.... (and there's always a but) does this page convert better? And if it doesn't, will they have the guts to rollback?

I don't know anything about the politics behind github and the employees. I'm sure they're all wonderful people. This is just a projection from my company. Even if the new flashy design performed 20% worse, it wouldn't be gotten rid of. They would say something like "well, 20% isn't that bad. it just needs time to bed in" or something like that. Fast-forward a year, and we still have the crappy performing good-looking page!

Re: Making our new homepage fast and performant

#6
post #3

But there's UX issue in mobile. If i scroll from the globe it doesn't scroll down , but moves the globe. Might be pretty frustrating for users.

Might be intentional to make the interaction with the globe to stand out?

You can scroll from other parts of the page.

Re: Making our new homepage fast and performant

#7
post #5

I was wondering where the metrics in this graphic are coming from? Great collection of tips, btw. https://github.blog/wp-content/uploads/2021/01/106009495-af8...

Guessing Chrome's dev tools performance monitor. The metric names are the same: https://i.stack.imgur.com/vAIxk.png

Edit: Since it's a little confusing how to find it, I made this: https://i.imgur.com/sQpHFoU.png

Re: Making our new homepage fast and performant

#8
post #4

This is neat, in a look-what-i-can-do sort of way. And I do appreciate the write-up. However.... (and there's always a but) does this page convert better? And if it doesn't, will they have the guts to rollback? I don't know anything about the politics behind github and the employees. I'm sure they're all wonderful people. This is just a projection from my company. Even if the new flashy design performed 20% worse, it…

I think this question is just as much about data as it is intuitive and feelings. Does a rollback make the front page of HN? Does the newer version leave a lasting impression that can't be measured? I don't think you can truly measure these things without actually measuring sentiment, etc.

I'm sure Netflix has seen increased metrics across the board but everything they've done and added in the last three years or so has turned me against the brand. As a very happy subscriber since 2002 I stopped in 2019. Anecdotal and maybe just me but I don't think everything is about some 28-day conversion metric.

I think it's more about the guts to do something you believe in and trusting the people you hire than just metrics.

Re: Making our new homepage fast and performant

#9
post #2

Amazing hack with the SVG mask and embedded JPEG to compensate for web browsers not supporting WebP images! This trick was used to get an image that has both transparency and lossy compression. I would have loved to see the face of the engineer who thought of this hack, tried it, and saw that it worked for the first time. :)

I think of the face of the guy in Star Trek 4 ... "Transparent JPEG?" "That's the ticket laddie!"
Post reply on HN