Paul Irish

@paul_irish

I 💗 the web • I work on performance, , and PageSpeed Insights. Lover of under-appreciated music. I like you, too. he/him.

Palo Alto
2007(e)ko martxoa(e)tik Twitterren

Txioak

@paul_irish blokeatu duzu

Ziur zaude txio hauek ikusi nahi dituzula? Txioak ikusteak ez du @paul_irish desblokeatuko.

  1. 2021 aza. 29

    Ever write a long-ass Google Docs comment and then accidentally hit Cancel?🤦 Not all is lost. DevTools heap snapshots to the rescue! DevTools > Memory panel > Take snapshot. Expand the (string) item and peruse down the list. With luck, you'll find it.

    Screenshot of a drafted google docs comment
    Screenshot of a heap snapshot in @ChromeDevTools. 'Store as global variable' was used on the key string, and then `copy(temp2)` in the console.
    Desegin
  2. (e)k Bertxiotua
    2021 aza. 3

    Introducing Lighthouse for user flows: drive your page with a Puppeteer script and have Lighthouse measure and audit performance at every step:

    A Lighthouse user-flow report listing multiple steps of interacting with a page and Lighthouse audit results at each step
    Desegin
  3. 2021 ira. 24

    Want to view the source of a Chrome extension or Firefox add-on before installing? is the tool for the job. Indispensable.

    Desegin
  4. (e)k Bertxiotua
    2021 abu. 10

    🌠 Super-handy CLI utility: git-recent Lists your local branches in chronological order, for when you're juggling multiple features and can't remember what that branch was named. By .

    Terminal screenshot showing Git branches in chronological order
    Desegin
  5. (e)k Bertxiotua
    2021 eka. 16

    Announcing WAYFINDER—a relaxing 'art game' in your browser that combines illustration, procedural generation, and computational poetry. 🍃 Produced by . Explore an animated landscape to recover nature's lost memories and build Haiku-like poems. 👉

    Erakutsi hari hau
    Desegin
  6. 2021 eka. 8

    9 years ago, Panic put out Coda and its video tour became one of my web design favorites. As the 24fps video played, it was smoothly repositioned with 60fps CSS 3D transforms. Layers panel gives a nice behind-the-scenes.

    Desegin
  7. (e)k Bertxiotua
    2021 api. 27

    PageSpeed Insights now includes Lighthouse's element screenshots! Find your page's most important elements even more quickly; click on the screenshot to reveal the element in the context of the whole page 🔎🖼

    Desegin
  8. 2021 api. 6

    Curious what CSS/JS/DOM features are now widely available? I made a lil webapp a few years ago based on data to help visualize. There's some surprisingly 'new' features with >90% support.

    Desegin
  9. (e)k Bertxiotua
    2021 ots. 23

    It’s been ten years since I pushed the first release of D3.js to GitHub. Have I learned anything? I hope so… but it’s a journey.

    Desegin
  10. (e)k Bertxiotua
    2021 ots. 15

    Ininterested an internship at Apple working on WebKit or related tech? Some of the areas of opportunity: - DOM & Web APIs - Layout & Rendering - 3D Graphics - Security & Privacy - Web dev tools - Media - JS VM - HTTP stack DM if interested. RTs appreciated.

    Erakutsi hari hau
    Desegin
  11. (e)k Bertxiotua
    2021 ots. 7

    Chrome 88 now supports clip-path: path(). Now all the major browsers support the rule. Demo of using clip-path: path(...) on to create a pop-out effect

    Desegin
  12. 2021 urt. 21

    It's from a PR on 's popular Video Speed Controller extension. Basically: create an audio analyzer, read audio levels in realtime and adjust the playbackRate continuously to zip past quiet bits. Needs some polish but the idea is compelling.

    Erakutsi hari hau
    Desegin
  13. 2021 urt. 14

    If you launch Chrome in automated scenarios (testing, benchmarking, perf, etc), I've documented a list of _probably_ useful command-line flags:

    Desegin
  14. (e)k Bertxiotua
    2020 abe. 17

    Discovered that 's awesome Blob Opera project works with my MIDI keyboard! 🎹 Enjoy these blobs singing Satie. 🎵

    Erakutsi hari hau
    Desegin
  15. 2020 abe. 15

    Blob Opera! 🎶 Professional opera singers helped a neural network learn what four opera voices sound like. Compose your own piece or wildly mess with a carol. 🥰 So good.

    Desegin
  16. (e)k Bertxiotua
    2020 abe. 14

    I am here for South Korean lighthouses.

    Txio hau ez dago erabilgarri.
    Desegin
  17. (e)k Bertxiotua
    2020 abe. 10

    the code we write 𝑽𝑺 the code we ship

    Desegin
  18. 2020 abe. 9

    The 2020 just got started. My and 's talk on Speed Tooling is streaming in 10 minutes, and I'll be in chat for most of the day. 👨‍💻 Come check out the sessions and say hi!

    Desegin
  19. (e)k Bertxiotua
    2020 abe. 9

    Why is the Google Cloud UI so slow? This article looks at the performance of a large JavaScript application and explores how it could be made faster.

    Desegin
  20. (e)k Bertxiotua
    2020 abe. 9

    The Import On Interaction Pattern: ~ Lazy-load non-critical resources (e.g components, embeds) when a user interacts with UI that needs it.

    Import on interaction - a JavaScript loading optimization. This image shows a button being clicked or tapped and then code being downloded, data being fetched and then component code (or embed code) being rendered.
    Desegin

Badirudi kargak luze hartuko duela.

Baliteke Twitterren kapazitatez gaindi egotea edo momentuko gainkarga bat izatea. Berriro saiatu edo Twitterren Egoera ikusi informazio gehiagorako.

    Agian hau ere gustuko duzu

    ·