13 Followers
35 Following
21 Posts
Enterprise Architect @ Akamai
Web Performance, Web Dev specializing in JS and Front End frameworks and libraries.
https://www.linkedin.com/in/josh-appel/

This is seriously impressive so far, as long as AI is opt-in...

https://idx.dev

Project IDX

Project IDX is an entirely web-based workspace for full-stack application development, complete with the latest generative AI from Gemini, and full-fidelity app previews, powered by cloud emulators.

Run perf snippets on iOS with Shortcuts. Here's one from @nucliweb webperf-snippets repo running on Mobile Safari.

Repo - https://github.com/nucliweb/webperf-snippets

Try the shortcut here - https://www.icloud.com/shortcuts/b69645791a5743e18c28634132ba9096

#webperformance #webperf #perfmatters #ios

GitHub - nucliweb/webperf-snippets: ⚡️ 💾 Web Performance Snippets

⚡️ 💾 Web Performance Snippets. Contribute to nucliweb/webperf-snippets development by creating an account on GitHub.

GitHub

New Web Performance Snippet to list all the fonts preloaded via resources hints, all the fonts loaded via CSS, and all the fonts used in the viewport above the fold

https://github.com/nucliweb/webperf-snippets#fonts-preloaded-loaded-and-used-avobe-the-fold

#WebPerf #Performance #PerfTools

GitHub - nucliweb/webperf-snippets: ⚡️ 💾 Web Performance Snippets

⚡️ 💾 Web Performance Snippets. Contribute to nucliweb/webperf-snippets development by creating an account on GitHub.

GitHub
Thinking of starting a podcast on UX, a11y, web perf, privacy and bridging the digital divide.

New research from my team on the #TwitterMigration:

This is our first quarterly update analyzing which platforms are growing - esp #mastodon & #postnews. Includes new data on users posting, app downloads & more.

Get it here: ▶️ https://is.gd/EI1lOl

Any help boosting and sharing out this new work is very appreciated!

🎉 SPA view transitions have landed in stable Chrome!

But, this is just the start! We've got more view transition features planned. Here's what we're looking at next:

https://developer.chrome.com/blog/spa-view-transitions-land/

SPA view transitions land in Chrome 111 - Chrome for Developers

The View Transition API allows page transitions within single-page apps, and will later include multi-page apps.

Chrome for Developers

Yes!
---
RT @housecor
JS arrow functions are great.

✅ Concise
✅ Optional implicit return
✅ Don’t have their own “this” context

But, I don’t recommended using them everywhere.

Prefer function declarations for *top-level* functions.

Here's why.
https://twitter.com/housecor/status/1630943583657250818

Cory House on Twitter

“JS arrow functions are great. ✅ Concise ✅ Optional implicit return ✅ Don’t have their own “this” context But, I don’t recommended using them everywhere. Prefer function declarations for *top-level* functions. Here's why.”

Twitter

Same page, same functionality, same content.

Next.js vs Vanilla HTML/CSS/JS.

A whopping >600kb of JavaScript (2mb uncompressed) vs just 1.5kb (4kb uncomp.)

183kb of images vs just 52kb (despite there being an *extra* above-the-fold hero in vanilla!)

And of course the HTML is massive with all that SSR rehydration: 50kb (250kb uncomp.) vs just 6kb (24kb uncomp.)

Request prioritisation hasn't yet been optimised so can't really compare user-facing metrics yet.

#webperf #perfmatters

⚡️💾 Web Performance Snippets

A curated list of snippets to get Web Performance metrics to use in the browser console

https://github.com/nucliweb/webperf-snippets

#WebPerf #Performance #PerfTips

GitHub - nucliweb/webperf-snippets: ⚡️ 💾 Web Performance Snippets

⚡️ 💾 Web Performance Snippets. Contribute to nucliweb/webperf-snippets development by creating an account on GitHub.

GitHub