zachleat / speedlify

Benchmark the web performance and accessibility of sites over time.
https://www.speedlify.dev/
MIT License
924 stars 168 forks source link

Meaning of host icons not always clear #75

Open Krinkle opened 1 month ago

Krinkle commented 1 month ago

At https://www.speedlify.dev/test-runners/, I notice a new host column, powered by https://v1.builtwith.11ty.dev. That's neat!

Screenshot

While I recognise the GitHub icon, I didn't recognise the logo in the column for ESLint's website. I considered for a moment that it was loading it lazily, but it's the actual icon. I quite often find inaccessible form fields, images, or other elements and sometimes the HTML can reveal information in the (otherwise, invisible) alt text, or URL, or HTML icon class name etc. But didn't find anything like that in this case. Digging a bit deeper, I found that the ESLint image in question has the following response header:

x-11ty-host: netlify

And likewise, the QUnit image, for example has the following:

x-11ty-host: github

I imagine this may add some cost to the build, but including this information in some way would I think help make this information more accessible and understandable.

Today

<img alt="Hosting avatar for qunitjs.com/">
Screenshot

Some ideas: