Timo Tijhof @krinkle@mastodon.technology

"Style native HTML select options", by Jim Nielsen.

This is one of those few areas still in the web platform that are not extendable and rather underspecified. But Jim shares a neat hack that seems worth considering from time to time. In general I favour native `<select>` anyway, but this is one more example of where you might not need to re-invent things with JavaScript!

https://blog.jim-nielsen.com/2021/styling-select-option-values/ #webperf #css #html

"Computing Performance: On the Horizon"

Brendan Gregg gives an accessible overview on the state of the art in server performance.

• CPU: speed is done, threads are hard. Future is cores, processes. Also, new chipmaker brands?
• Memory: latency is done, bandwidth way to go.
• Disks are weird, more bandwidth coming to SSDs. Also, 3D disk points?
• Check the references for further reading material.

#webperf #usenix #nvme #amd #ddr4 #ddr5 #linux

http://www.brendangregg.com/blog/2021-07-05/computing-performance-on-the-horizon.html

🌍 Global Internet infrastructure map

A map of the cables laid on our sea beds, connecting the various landmasses on our humble planet.

https://www.infrapedia.com/app

See also: https://en.wikipedia.org/wiki/Submarine_communications_cable #webperf #peering #ixp #internetaccess #isp #cdn

"The Performance Inequality Gap, 2021" by Alex Russell.

An absolute must-read if you develop for the web – regardless of experience level; or have any interest in frontend, javascript, or performance.

Here, @slightlyoff brings well-written insights on where we stand, how we got here; reminding us that which matters most. A much needed voice in the aftermath of the 2010s decade; a decade driven by hype, denial, and bloat.

#webperf #perfmatters #javascript

https://infrequently.org/2021/03/the-performance-inequality-gap/

"Splitting the ping" by Ben Cox.

A clever approximation of one-way latency between hosts in a given direction (instead of traditional RTT, roundtrip time).

Transmit (up) and receive (down) may each take different routes on the Internet, or otherwise differ in latency due to efficiencies or priorities. If you primarily upload or download with a given service, then knowing the latency of that action may be more insightful than RTT.

#webperf #ping #icmp #ntp #ntpd

https://blog.benjojo.co.uk/post/ping-with-loss-latency-split

I came across a rather peculiar implementation of a string repeat function for JavaScript.

There's a built-in for this since ES2015, and prior to that, the following was a common idom:

> str = "x"
> count = 3
> out = (new Array(count + 1).join(str)

But, an MDN contributor thought - we can optimize this! Can you figure out how and why it works?

👉 https://codepen.io/Krinkle/pen/abmrLdz?editors=0010

#javascript #wat #how #webperf #spoiler

"Why we are not adding AVIF support (yet)" by Dejan Pelzel.

The founder of BunnyCDN shares their technical analysis and what needs improving first.

Nutshell:
- Terrible server encoding perf, unsuitable for on-demand, even with disproportionate resources. (Better algos?)
- Slow to decode/render. (Better algo, hardware support?)
- No progressive render, not even basic linear. (All or nothing.)

Bandwidth isn't everything :)

#webperf #webp #av1 #avif #bunnycdn

https://bunnycdn.com/blog/lets-talk-avif-and-why-we-are-not-adding-support-just-yet/

"Electron alternatives?" by Dimitri Witkowski

The author of KeeWeb offers a fresh and nuanced perspective. Personally, I find download/update size reason enough to switch to Ultralight-UX, #NeutralinoJS, or Tauri, etc.

But, popular opinion against Electron is driven by RAM use and slowness, which evidently aren't caused by #Electron but by poor engineering atop of it...

KeeWeb is fast and uses 150-200M, with or without Electron.

https://github.com/keeweb/keeweb/wiki/Electron-alternatives

#keeweb #keepass #keepassxc #webperf

"Easy to design, hard to use"

A conversation with Chris Coyier and Gerry McGovern:

> If web developers made cars, you'd put the pedal to the metal on them and go at 40 miles an hour, maximum speed. We think we're designing Ferraris, but we're designing tractors.

#podcasts #webperf #usability #webdesign #design #webperf #ux #uxfail

https://www.thisishcd.com/episode/chris-coyier-easy-to-design-hard-to-use

"Emergency" by Chris Taylor.

A geeky fan fiction on web performance. Featuring, among others: Dr Lea Verou, Jen Simmons, and Dr Lawson - the HTML love-doctor.

"""
Listen up people, we have a patient in a serious condition here. 12 year old e-commerce website, recently undergone a redesign – and [...]
"""

https://calendar.perfplanet.com/2020/emergency/

#webperf #microfiction #smallstories

"The Website Obesity Crisis" by Maciej Cegłowski

Approachable and funny talk on the state of performance, UX design, and overpriced clouds.

I was humbled by the fresh and optimistic approach to it all. I've fought this crisis for a long time, but never seen it laid out so well and so clearly. Great refresher if nothing else!

> "Complexity is a bug lamp for smart people."

#webdesign #design #webperf #ux #uxfail #k8s #MaciejCeglowski #MaciejCegłowski H/T @pbanks@fosstodon.org

https://www.youtube.com/watch?v=iYpl0QVCr6U&t=2m

"Profiling live Wikipedia traffic with near-zero overhead"

> Each day of Wikipedia backend traffic yields about 3 million stack trace samples, as collected by Excimer, a new a low-overhead sampling profiler for PHP.

I wrote all about it in this year's Performance Calendar:

👉 https://calendar.perfplanet.com/2020/profiling-php-in-production-at-scale/

#webperf #perfmatters #php #profiler

"How life works in Antarctica" by Wendover

Mini-docu on how it is to live (and work) at our South Pole. Some takeaways:

- Network speeds are limited to 38 kbit/s (!) most of the day. Almost on par with 90s telephone dial-up.
- Rescue operations are harder than for the ISS in outer space. They're cut off 9 months a year.
- It remains the only covid-free continent.

Nebula: https://watchnebula.com/videos/wendover-productions-how-living-at-the-south-pole-works
YT: https://youtu.be/ZAEydOjNWyQ

#antartica #southpole #webperf #isp

"Europe vs USA Broadband Performance (2020 Report)"

From FairInternetReport:
> American internet users have had a very good 2020: […] median Internet speeds doubled [from] 17.34mbps in 2019 to 33.16mbps in 2020 […] increased 91%.
>
> US average broadband speeds overtook western EU countries […] for the first time in 5 years.
>
> The US stills lags behind many European and developed nations […]
> Italy continues to have the worst internet in the EU, […]

#webperf #isp

https://fairinternetreport.com/research/usa-vs-europe-internet-speed-analysis

"Impact of using HTTP connection pooling for PHP applications at scale", by Giuseppe Lavagetto (Wikimedia)

- using Envoy,
- backend service's CPU usage went from 2.5 CPU cores to circa 0.8 CPU cores,
- PHP application's latency histogram bucket for <= 100ms went up by 12 percentage points.

https://techblog.wikimedia.org/2020/10/26/impact-of-using-http-connection-pooling-for-php-applications-at-scale/
#webperf #envoy #PHP

"Cumulative Layout Shift, in practice" by Nic Jansma.

Great overview of this new web performance API. #webperf #perfmatters

https://nicj.net/cumulative-layout-shift-in-practice/

This independent comparison finds WebP has a fairly narrow sweet spot for a certain type and dimension of photos where it is ~9% smaller than JPEG.

For other types and sizes it is on-par.. or larger?

#webperf #perfmatters

https://siipo.la/blog/is-webp-really-better-than-jpeg

Interesting correlations (and lack thereof) between "Save Data" preferences and various national socio-economic statistics, income distribution, cost of bandwidth, device, and connectivity type. #webperf #perfmatters

Also, data is really cheap in India! … and in most of Europe; whilst insanely expensive in the US, topped only by Canada and the Cayman Islands.

https://simonhearne.com/2020/save-data/

The long and short of how to *really* optimize SVGs.

#webperf #perfmatters

https://codepen.io/tigt/post/improving-svg-rendering-performance

Videos from the Web Performance track by Wikipedia at FOSDOM are up at:

https://wikimedia.github.io/fosdem20webperf/

The conference took place Feb 1st in Brussels. #webperf #perfmatters #fosdem #fosdem2020