Giacomo Debidda

Freelance full-stack developer | Node.js, Clojure, Zig | cloud consultant on GCP & Cloudflare. Follow me on LinkedIn.

[Giacomo Debidda @jackdbd]

⚡ Performance audit of an Italian news website

https://t.co/Fs20wd4PTj

In this article I analyze both field data from the CrUX #BigQuery dataset, and lab data from dozens of @RealWebPageTest test runs.

Hope you like it!
#webperf #perfmatters

[Giacomo Debidda @jackdbd]

🛡️ Slides and code for my presentation "HTTP headers for web security" are online here:

https://t.co/mi3EpFy3bo

If you have any questions or suggestions, feel free to send me a message or open an issue on GitHub.

https://t.co/IsjHplvqW4

[Giacomo Debidda @jackdbd]

🛡️ Next Monday I’ll give a talk on HTTP response headers for #websecurity

Topics:

- Content-Security-Policy
- Reporting-Endpoints & Reporting API
- CORP, COEP, COOP
- same-origin and CORS
- cross-origin isolation

Plus: cool demos! 😎

https://t.co/kv9eTxCqEN

#infosec #XSS

[Giacomo Debidda @jackdbd]

Cosa se ne fa un programmatore JavaScript di conoscere un linguaggio compilato come Zig?

Se sei scettico, interessato, o semplicemente curioso di come puoi usare Zig in un progetto JavaScript (o TypeScript), fai un salto a Bologna JS il 18 Ottobre.

https://t.co/zgJPQ00jUF

[Giacomo Debidda @jackdbd]

@TheRealNooshu The desktop version and the mobile version could even be entirely different websites, built with different technologies. With Backends For Frontends (BFF) incoming requests with different user-agents (or other headers) might hit a different API gateway.
https://t.co/HcvOyLWU3h

[Giacomo Debidda @jackdbd]

Cosa se ne fa un programmatore JavaScript di conoscere un linguaggio compilato come Zig?

Se sei scettico, interessato, o semplicemente curioso di come puoi usare Zig in un progetto JavaScript (o TypeScript), fai un salto a Bologna JS il 18 Ottobre.

https://t.co/zgJPQ00jUF

[Giacomo Debidda @jackdbd]

@RealWebPageTest @data_dome Preserving the user agent did the trick, thanks!

[Giacomo Debidda @jackdbd]

Hey @RealWebPageTest users, I'm trying to audit a product page of an eCommerce, but @data_dome thinks WebPageTest is a bot and immediately returns an HTTP 403. Is there anything I can do to change its mind? 😅

#webperf

[Laura Wendel @Lauramaywendel]

The most effective software engineers I know always had a tendency to revert to writing "C" style code.

Nothing seems to come close in terms of readability / maintainability.

[Giacomo Debidda @jackdbd]

@saltyAom Thanks, super useful! What kind of state are managing with jotai? Form's state is managed by react hook form and server's state by tanstack, right?

[Giacomo Debidda @jackdbd]

@Gonzohall @levelsio Never been to Da Nang, but it seems a very cool place. What's missing in your opinion?

[Giacomo Debidda @jackdbd]

@ohmypy Nice! This is also useful for writing Common Table Expressions

[Giacomo Debidda @jackdbd]

@DmytroKrasun Was it managed kubernetes (e.g. GKE) or DIY kubernetes?

[Giacomo Debidda @jackdbd]

The tool is online at:
https://t.co/VN3Yfqxpnz
Comments and suggestions very much appreciated.

Here is the dialog that I'm currently using to query the CrUX #bigquery dataset. The UI needs some love...

[Giacomo Debidda @jackdbd]

I'm making a #webperf tool to use @RealWebPageTest from Google Sheets.

You specify WPT profiles in a spreadsheet, select them using checkboxes, copy and paste the URL to test, then hit submit.

[Giacomo Debidda @jackdbd]

The tool stores the WPT/JS scripts when you submit the form in the sidebar.

On a second visit of the same website - not necessarily the same URL - the tool loads the WPT/JS script from localStorage.

[Giacomo Debidda @jackdbd]

@HenriHelvetica @RealWebPageTest Hi Henry. Sure! In fact I was looking for some feedback.
https://t.co/yWHAA49JMc

The tool is also able to fetch field performance data by querying the BigQuery CrUX dataset. I think this feature is quite clunky to use at the moment, that's why I didn't show it here.

[Giacomo Debidda @jackdbd]

@JLarky I'm wondering why those two service worker requests take 3x the time

[Giacomo Debidda @jackdbd]

@philkellr You can use this FFMPEG command https://t.co/xdtJBfUJS3

Another cool tool is Fessonia, a Node.js wrapper for FFMPEG developed by the folks at TED.

I'm not sure what kind of animations you'd want in the video. Transitions? For those you will need a FFMPEG filter I think.

[Giacomo Debidda @jackdbd]

@anthony_hagi @t3dotgg Cit. "But is it web scale?"

[Giacomo Debidda @jackdbd]

@philkellr But it could also be gunicorn's fault. See https://t.co/Zw95Qmsiru

[Giacomo Debidda @jackdbd]

@philkellr You could try https://t.co/o8xD5QBBK3 and have a look at the flamegraph and the HeapProfiler.

Otherwise, if you are willing to stop Node, you could launch the Node.js app with --trace-gc, record a heap snapshot and drop it here: https://t.co/WvUgK0M3sf