+++
date    = "2023-03-23T00:48:36+00:00"
lastmod = "2023-03-23T00:48:37+00:00"
tags    = [ "webdev", "clips" ]
author  = "tdro"
+++

{{< disclose >}}
Browser rendering engine feel: [Webkit](https://webkit.org/) (Safari),
[Blink](https://www.chromium.org/blink/) (Chrome) or
[Gecko](https://developer.mozilla.org/en-US/docs/Glossary/Gecko) (Firefox)?
{{</ disclose >}}

Which browser engine "paints" {{< abbr HTML "Hypertext Markup Language" >}} the
smartest on my device? In the clip below; [Surf](https://surf.suckless.org/)
substitutes for Safari and Chromium for Chrome. My blog is the testee since
there's guaranteed cache control and jitter.

{{< video
  remote=true
  preload="none"
  caption="Webkit (Safari/Surf/+) > Blink (Chromium/Chrome/+) > Gecko (Firefox/IceCat/+)"
  source="https://res.cloudinary.com/dpszgzqjb/video/upload/v1679534872/browser-engines.mp4"
  poster="https://res.cloudinary.com/dpszgzqjb/image/upload/v1679534898/browser-engines-poster.png"
>}}

Surf and by extension Safari (or any Webkit--based browser) wins
{{< abbr imo "in my opinion" >}}. Webkit feels smooth (sneakily, too smooth).
It's probably partly why Safari on macOS/iOS feels so fast. Chrome (not
Chromium) is almost on par or so I've been told. Not exactly web dev but
interesting huh?