Hacker News Reader

Comment by the_duke | Hacker News Reader

Looks useful.

Feedback: the result rendering is very "jumpy" due to logos loading in one at a time.

You could either render sized wrapper containers for each logo, or load them in in the background and only show them once ready (with a loading indicator somewhere).

View on HN

I have tried various solutions, but nothing that works better than what's there now.

I only force the height for the logos, not the width, so wrapping doesn't really improve things.

Waiting to display until they are all loaded kills the "instant" tagline. I'm hotlinking the images, so some images can take awhile.

In theory you should be able to get the natural height and width of the image before loading it. Not exactly sure if it works with SVGs but it does work with PNGs

Yeah, you could get the size of the images at indexing time, and return that in the search result.

You are assuming that I actually load the image at index time: I'm really only indexing the file name.

And getting the width/height of a minimized SVG requires rendering it (or at least more SVG mojo than I possess).

He's suggesting your index store the filename, height & width, and retrieve all 3 on search

You can use preconneft tags to make the browser preconneft to the likely source of the images. This usually gives a pretty big boost in speed because browsers will have already connected (DNS + TLS handshake) to the icon source's CDN.

It's a non-issue, don't sweat it.

Reply on news.ycombinator.com