zachleat / speedlify

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

Meaning of host icons not always clear #75

Open Krinkle opened 3 months ago

Krinkle commented 3 months 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: