HN user

benschwarz

433 karma
Posts28
Comments40
View on HN
calibreapp.com 4y ago

Why Lighthouse Performance Score doesn’t work

benschwarz
1pts0
calibreapp.com 4y ago

Next.js Performance: Making a Fast Framework Even Faster

benschwarz
2pts0
calibreapp.com 4y ago

Core Web Vitals Checker – Metrics from Google's Crux Dataset

benschwarz
2pts0
calibreapp.com 4y ago

Small Bundles, Fast Pages: What to do when there's too much JavaScript

benschwarz
1pts0
calibreapp.com 7y ago

How Google Pagespeed works

benschwarz
179pts45
calibreapp.com 7y ago

What if browsers natively supported lazy loading? Turns out, soon they might

benschwarz
2pts0
css-tricks.com 8y ago

The Critical Request – A look at how browsers prioritise network requests

benschwarz
2pts0
building.calibreapp.com 9y ago

Your site without JavaScript

benschwarz
3pts1
calibreapp.com 9y ago

Show HN: Calibre Test Profiles – Test your sites under real world conditions

benschwarz
57pts17
2014.cssconf.com.au 12y ago

CSSConf is coming to Australia

benschwarz
10pts0
www.rdio.com 13y ago

Rdio is 503ing

benschwarz
1pts0
germanforblack.com 13y ago

The "perfect" code interview

benschwarz
3pts0
germanforblack.com 13y ago

Open source free, $12 to learn what I had to know

benschwarz
33pts6
benschwarz.github.io 13y ago

Gallery CSS

benschwarz
17pts1
germanforblack.com 13y ago

SVG / CSS masking using mask-image and clip-path

benschwarz
1pts0
github.com 13y ago

Sublime Text + Twitter's bower

benschwarz
1pts1
germanforblack.com 13y ago

On webkit monoculture

benschwarz
4pts1
germanforblack.com 13y ago

Career advice, a quick 10 year retrospective

benschwarz
9pts0
germanforblack.com 13y ago

Convert github issues into pull requests

benschwarz
5pts1
germanforblack.com 13y ago

Great products make you grin like an idiot

benschwarz
2pts0
germanforblack.com 13y ago

I hold my phone with hand X, then tap with hand Y

benschwarz
13pts3
github.com 13y ago

MetaQuery, A declarative responsive breakpoint syntax. Defined in [HTML, CSS]

benschwarz
31pts3
process.germanforblack.com 14y ago

Declaration of process

benschwarz
24pts4
germanforblack.com 14y ago

Stress and creation

benschwarz
51pts4
www.theint.ro 14y ago

Building responsive with SASS

benschwarz
7pts1
www.theint.ro 14y ago

Git for busy people: See what you're doing

benschwarz
16pts1
currency.io 14y ago

Currency.io, a html5 currency converter - open sourced to learn from

benschwarz
86pts33
www.germanforblack.com 15y ago

HTML5 for web developers

benschwarz
8pts0

We used this to generate dynamic share cards for our core web vitals checker tool (plug: https://calibreapp.com/tools/core-web-vitals-checker).

Previously new uncached requests for Open graph share-card images were generated in Chrome, sometimes taking up to 5 seconds to generate. (They were then stored in cache for 12 hrs).

Because we're now using Satori powered og images, they render almost immediately and we don't have to own the problem of having Chrome deployed within the 50mb lambda limitation. I'm pretty happy about that.

My company moved a 600GB postgres db to crunchydata (https://www.crunchydata.com), the process was super smooth. In fact, it went so well that I agreed to a quick case study: https://www.crunchydata.com/case-studies/calibre.

We're currently using Heroku for app hosting, while evaluating fly.io, render.com and railway.app. All three have had exceptional reviews from other customers and differ slightly on their service offerings and setups. All seem like viable alternatives so far!

Hi, I'm the author :-)

I've left significant levels of details about pagespeed on the lighthouse issue tracker over the last few months. It's really frustrating to see the lighthouse team being blamed for something that isn't operationally even theirs… but that's a big company for you.

The biggest contributing factor to unstable pagespeed scores is the power of the machines that do the tests. Last time I checked the scores / bench mark scores for pagespeed were all over the place. … All the same, it's really important to understand how it all works. Hopefully the post had something for you?

… but to answer your question better. It sucks that Google's own services don't live up to the performance expectations of tools made in other parts of Google.

Hi! Author of the post here.

Lighthouse definitely has some improvements to make for the audit suggestions that offer advice to improve the score. I think people get a little bit frustrated/blinded by the advice when there's nothing that can be done about third parties (I know I do!).

Our product Calibre (mentioned in the bottom of the post) has a n adblocking/third party blocking feature that allows you to compare your pages with or without third party scripts gunking up performance metrics (here's the release post: https://calibreapp.com/blog/release-notes-apr-2019/).

We've seen really good success in separating the two because it sends a clear signal of what a site WOULD score without ads. This is good because it makes it clear to PMs, management and decision makers that tracking tools incur a really visible cost.

Sure! Here goes:

The App itself is boring old rails, with postgres (get me started on how much I like postgres and I will literally bore you to tears.) The original views were all haml and sass delivered via the asset pipeline. I sprinkled in angular here or there as the application grew.

Today, I'm slowly tearing away the angular. I've moved to webpack for JavaScript, and React for all new UIs. I've been really enjoying both the speed of development, and how solid everything feels.

Over time, I'm writing less and less ActiveRecord, and more and more sequel… still learning, but getting better.

The app is run on Heroku, and its been A++ would recommend to everyone.

The Calibre agent is node and websockets talking to Chrome®, theres other bits of ruby, and even some golang now.

I use terraform and ansible (although, the ansible may as well have been bash scripts) through a buildkite (https://buildkite.com — the best fucking CI service on the planet) pipeline. AMIs are built, shipped to different regions, then based on some config are rolled out.

Papertrail for logs - omg, logging! Essential. I run thousands of tests per day (I don't know this number off the top of my head, but its a lot)… and the nature of the internet is THERE IS ALWAYS FAILURE. Having logging at my fingertips has always made my job building Calibre easier. I think I pay $20 per month right now, and its the most important thing I pay for.

--

Ok. Whew. Could probably keep going, but I'm not sure how much you wanna know. Happy to answer specific things though!

I do everything. No contractors. Although @fox has been recently helping me with my writing (her native language is Polish, and she writes waayyy better than me - and most others).

Web page test is a succhhh a great tool, and its really great for one off tests. Calibre will automatically hit your site daily (or, when you ping the snapshot api), and you'll have a full history of what happened and when.

With Calibre the aim is to make it a part of your toolchain (read: integrations) — so it should be visible to your entire team, or build system, or slack channel.

Without being super familiar with the tech that any of these companies are running —

The biggest thing that sets Calibre apart is that its entirely built using the Chrome developer tools APIs. I like to think about it as someone on your team who opened devtools after every deploy, and kept a neat spreadsheet of all the changes that had occurred. In short, all the data is ready and available for the taking.

This also has the added benefit that I have the power of the Chrome browser to play with. Projects like Google's Lighthouse (https://developers.google.com/web/tools/lighthouse/ — Which I'm currently integrating into Calibre!) have meant that a lot more powerful tools/metrics/resources/etc are coming along strongly, and this will only help make Calibre more powerful too.

Calibre is firmly focused on what your users actually experience, and helping you get to the bottom of 'why' quickly and efficiently. So while technically focused tools are imperative for any team, many of them aren't focused on the most important people in the equation.

Also, thanks — Good question.

Hi HN! I'm Ben, the solo founder of Calibre Analytics: https://calibreapp.com. Calibre monitors websites and applications in a clean-room testing environment from all over the world. Up until January Calibre has been an "inbetween other things" / evenings / holidays kind of project. (Only, oops—I did that for four years.).

Last year I knuckled down to get into the position where I could work on it full time. I've spent the last 8 weeks working on "Test profiles" (The launch post is here: https://medium.com/get-calibre/announcing-test-profiles-and-...) — It allows you to emulate hardware devices (cpu speed, user-agents and screen dimensions), as well as limit the bandwidth (latency, download and upload speeds), and set cookies (you could use this to log into your app, test a staff-shipped feature, or maybe turn off advertising and see the performance impact.)

I think I've finally got the basis of a really powerful tool, and I'm keen to share it with… everyone! I do everything myself, so if you've any questions, I'm here to answer them!

The idea kind of came along when I was extracting Gallery CSS from the project that I built it for — I realised that people probably wouldn't understand the library, or the need for it… but I didn't want the cool tech result to go unnoticed.

Originally it was going to be an ebook… if I'd have done that, it would've been released about 3 weeks ago, but the knowledge transfer is far more challenging VS a screencast.

Rel="logo" (2011) 13 years ago

It be great to query the api/a directory site to find out alternate versions or perhaps usage guidelines for the logo. Then each provider/company can have a canonical method for people to use their brand.

… its a cool idea, but somewhat floored when put into actual use.

Aaron is a ruby and rails committer, he's not only entertaining, but a great teacher. If you don't think he and the other speakers are worth it, don't go.

… If you think $300 for a conference is absurd, then you've clearly never organised anything bigger than a BBQ.

Rdio 2.0 Design 14 years ago

Wait… so you stopped using rdio because you didn't like the design, but you chose spotify? ARE YOU BLIND MAN?

IE8 supports both local and sessionStorage.

Which leads me to an aside — Why did you choose localStorage over sessionStorage?

For those who don't know — local/session are the same, only session will be cleared when the browser is closed.

My browser already auto completes form data… so I'm not sure I'd need it between sessions.

I think this was really needed… you only need to look at the various sites web.stagram.com, pictajam.com, instaprof.appspot.com, ink361.com and more to know that people really wanted this.

Great, however — there is no way to take your photos with you without using the API (and thusly, oauth).

I was really hoping for an RSS/Atom feed, or a JSON endpoint that didn't require auth.

Do you think this is an oversight on instagrams' part, or was I just misguided in my hopes?

dkarl, Good response. The headline on hacker news is the headline of the site, transparent as that… but you're totally right about it being unobjectionable—its a _personal_ list.

Food for (my) thought.

Thanks!

DKarl, did I advertise it as anything else? I identify with them for one reason or another, they made my list.

One of the disclaimers on the about page is that from time to time I remove them, or edit my own, because I don't feel that way any longer. Convenient, hey? :-)

Hope you found it interesting all the same. Just sharing for the sake of it. I enjoyed them.

Stress and creation 15 years ago

Ahh, actually I was just sharing my realisation of the three kinds of stress that I'd self-identified… and a lot of people seemed to relate to it.

But whatever, maybe it just wasn't for you.