Top all-time · #8219
José M. Pérez
Personal blog · jmperezperez.comwebprogramming
José M. Pérez's personal blog at jmperezperez.com covers web and programming. Since 2016, 10 different Hacker News readers have linked it 10 times, most often “Using SVG as placeholders”. The last post was in 2022, but the archive is still widely read.
Too few sampled comments (6) to say how often HN recommends it.?
Why HN links it
HN readers link this author's posts on SVG placeholders for images, reducing background image file sizes, and in-browser BPM detection. Mostly they are cited as pointers, not praised.
Summarised by Claude from a sample of 6 HN comments that link here. Each comment is marked recommending, critical or neutral (citing without judging); how this works.
Software engineer and technical leader. Currently working on ad solutions at Meta; previously web performance and the Web Player at Spotify.
Most-linked posts?
- Using SVG as placeholders6 people · 6 mentions · first linked 2017-11-14
What Hacker News says?
If I understand you correctly, you propose a image format which should provide a better quality for less file size. However, to implement an in-browser client-side reader, one probably needs a javascript library, and this will blow up the size again [Side note: Actually I am surprised the site uses JavaScript at all, being that static]. Another proposal for image compression is to fall back on SVG, c.f. https://jmpe…
Comment linking /svg-placeholders/
on “How to Build a Low-Tech Website”Submitted Fostering a web performance culture as a story · 3 points
HN discussionIt's possible to generate svgs from images, see https://jmperezperez.com/svg-placeholders/
Comment linking /svg-placeholders/
on “From Bootstrap to CSS Grid”Submitted Using SVG as placeholders as a story · 3 points
HN discussionThis sort of thing is useful for showing placeholder images while high-res images load: https://jmperezperez.com/svg-placeholders/
Comment linking /svg-placeholders/
on “Primitive – recreate your photos with vector-based geometric primitives”Submitted How to Use SVG as a Placeholder, and Other Image Loading Techniques (2017) as a story · 2 points
HN discussionYeah that's the one, I was looking at this post that uses Spotify and echonest too https://jmperezperez.com/bpm-detection-javascript/
Comment linking /bpm-detection-javascript/
on “Show HN: DJ in the browser”Submitted Using SVG as Placeholders – More Image Loading Techniques as a story · 2 points
HN discussionI am glad you found this useful! The resume is based on JSON Resume[0] which has a nifty tool which lets you generate from your LinkedIn profile [1]. Hope this helps! [0] https://jsonresume.org/ [1] https://jmperezperez.com/linkedin-to-json-resume/
Comment linking /linkedin-to-json-resume/
on “Show HN: Command Line Résumé”Reminds me of this: https://jmperezperez.com/svg-placeholders/
Comment linking /svg-placeholders/
on “How to reduce the file size of large background images by over 93%”