Yonatan Kra

Yonatan Kra

Family, Code, Run

  • Blog
  • Planned Talks
  • About Me

Author: Yonatan Kra

Home / Yonatan Kra (Page 3)

Measuring used JS heap size in the browser

March 20, 2020August 10, 2021 Yonatan KraLeave a Comment on Measuring used JS heap size in the browser

Part of the tools frontend developers have in their arsenal is the performance API. Part of it is the memory object. It can be used for various causes – from debugging performance through experimenting to performance budget monitoring.

A heap
…
Read More

What is a Forced Reflow and How to Solve it?

March 11, 2020August 10, 2021 Yonatan KraLeave a Comment on What is a Forced Reflow and How to Solve it?

Force reflow (or Layout Reflow) is a major performance bottleneck. It happens when a measurement of the DOM happens after a DOM mutation. With this knowledge, I was able to improve performance of an app in my workplace by 75%. …

Read More

The event loop and your code

March 2, 2020August 10, 2021 Yonatan KraLeave a Comment on The event loop and your code

The event loop is a core concept in Javascript. It is fundamental in order to understand how asynchronous code works – and how not to work with synchronous code.

Let’s start with a simple example. You have some code that …

Read More

Viewing the Critical Rendering Path in the browser

February 20, 2020August 10, 2021 Yonatan KraLeave a Comment on Viewing the Critical Rendering Path in the browser

The critical rendering path (CRP from now on) is also known as The Pixel Path. It’s actually what happens from the moment your javascript code runs, until the moment the pixels are shown on screen. We can also call it …

Read More

Memory on a Diet

February 7, 2020August 10, 2021 Yonatan KraLeave a Comment on Memory on a Diet

In my last article, I talked about the flyweight design pattern. I mostly talked about how it can save you (and your end user) bandwidth.

I failed to mention the save on memory.

If we continue the example from …

Read More

Reducing Network Traffic with the Flyweight Design Pattern

January 26, 2020August 10, 2021 Yonatan KraLeave a Comment on Reducing Network Traffic with the Flyweight Design Pattern
WBC flyweight champion Yu Kimura
Image by: Papakanno (CC BY-SA)

Your users expect a fast and smooth experience. Sometimes what stands in the way is how long it takes to download data. The flyweight design pattern is a …

Read More

Optimization Patterns in Javascript Talk

January 22, 2020August 10, 2021 Yonatan KraLeave a Comment on Optimization Patterns in Javascript Talk

My talk (in Hebrew) at Javascript Israel about Optimization Patterns in Javascript is now online. Enjoy 🙂

They caught me at my geek joke!
…
Read More

Collecting Garbage in ConfrontJS

January 21, 2020August 10, 2021 Yonatan KraLeave a Comment on Collecting Garbage in ConfrontJS

My video from confrontJS about reducing garbage collection with the Object Pool design pattern is now live on YouTube!

…
Read More

Programming Complexity in JavaScript – not What You’d Expect

January 18, 2020August 10, 2021 Yonatan KraLeave a Comment on Programming Complexity in JavaScript – not What You’d Expect

I’ve recently given a talk about Design Patterns in JS at Javascript Israel. I’ve spoken about memory allocation in JS when I explained about the Object Pool design pattern.

After the talk several people came to ask questions …

Read More

Object Pool use case

January 15, 2020August 10, 2021 Yonatan KraLeave a Comment on Object Pool use case

After the Object Pool article went online, I was asked this on Facebook:

Benjamin Gruenbaum comment on my article. Benji is a nodejs contributor, among other cool things he’s doing.

What I take from here is 2 fold:

  1. The one
…
Read More

Posts pagination

Previous 1 2 3 4 Next

I’m an instructor at:

Egghead.io

Follow Me On:

  • Follow me on Linkedin
  • Follow me on Bluesky

Recent Posts

  • What can we learn from building a BlueSky web component bot?- Part 1
  • How to Remove a Secret Token from Your Git History
  • How to Deploy Static Websites with Nx, GitHub, and Cloudflare?
  • Implementing Your Own SSR Server for Web Components
  • 3 Reasons Why You Should Use Conventional Commits
  • What can we learn from building a BlueSky web component bot?- Part 1
  • How to Remove a Secret Token from Your Git History
  • How to Deploy Static Websites with Nx, GitHub, and Cloudflare?
  • Implementing Your Own SSR Server for Web Components
  • 3 Reasons Why You Should Use Conventional Commits
  • ConfrontJS 2023 – The Movie

Categories

  • Algorithms
  • Architecture
  • AskQL
  • Blogging
  • canvas
  • chrome extensions
  • CodeTalks 2019
  • Coding
  • Conferences
  • ConfrontJS
  • ConfrontJS 2019
  • Cypress
  • debugging
  • Design Patterns
  • devops
  • docker
  • Gaming
  • Github
  • github actions
  • GraphQL
  • Interview Questions
  • Javascript
  • javascript engine
  • Javascript Israel
  • jest
  • Memory
  • Meta Programming
  • Musings
  • nodejs
  • NPM
  • nx
  • Open Source
  • Performance
  • Playwright
  • Rust
  • Security
  • Skills
  • Tauri
  • Tauri Demo
  • Testing
  • tutorials
  • typescript
  • Uncategorized
  • vivid
  • WarsawJS
  • Web Component
  • webpack
| beetech by Buzthemes.