Yonatan Kra

Yonatan Kra

Family, Code, Run

  • Blog
  • Planned Talks
  • About Me
  • Free Tech Blogging eBook!

Category: Performance

Home / Performance
Speaking about JavaScript Performance Optimization in ConfrontJS 2022

How to optimize JavaScript Performance?

July 14, 2022July 14, 2022 Yonatan KraLeave a Comment on How to optimize JavaScript Performance?

How can we profile and optimize our JavaScript code? How can we profile and optimize rendering in the browser? How does it all relate to the all-mighty Event Loop?

This year I participated in ConfrontJS 2022. ConfrontJS is a conference …

Read More

Deep dive into an interview question: Array Nesting

September 2, 2021December 9, 2021 Yonatan KraLeave a Comment on Deep dive into an interview question: Array Nesting

The Array Nesting interview question might seem complex at first and very simple after you solve it. But sometimes, a deeper dive into it can expose some more performance optimizations that can be interesting. After this article, you’ll be able …

Read More

This is how I helped YouTube improve performance with a simple JavaScript trick

November 17, 2020August 10, 2021 Yonatan KraLeave a Comment on This is how I helped YouTube improve performance with a simple JavaScript trick

Google’s Material Web Components had a performance issue and I thought I could help. The results: 90% performance improvement in big lists removal. Here’s how I did it, and how you can duplicate it in your application.

“Look Ma! My
…
Read More

How does the JavaScript event loop work and how to help it run your code faster?

November 9, 2020August 10, 2021 Yonatan KraLeave a Comment on How does the JavaScript event loop work and how to help it run your code faster?
The event loop and your code talk from WarsawJS

On august 2020 I spoke at WarsawJS, explaining about the event loop and how it works. I hope you will enjoy this talk.

If you prefer to read – here’s …

Read More

How to profile javascript performance in google chrome?

November 6, 2020August 10, 2021 Yonatan KraLeave a Comment on How to profile javascript performance in google chrome?

In order to solve performance issues, you must learn how to profile and monitor an application. How to do that using Google Chrome developer tools?

How to start a recording

  1. Open the chrome browser with any website.
  2. Hit F12 OR
…
Read More

Measuring used JS heap size in nodejs

March 21, 2020August 10, 2021 Yonatan KraLeave a Comment on Measuring used JS heap size in nodejs

In the former article, we saw how to measure the JS heap in the browser and a few use cases it can come in handy. I was asked how this can be done in a nodejs app as well.

Let’s …

Read More

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

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

Posts navigation

1 2 Next

I’m an instructor at:

Egghead.io

Follow me on

Sign up for my newsletter

Recent Posts

  • 2 Ways to Use Your Own Docker Image in Github Actions
  • How to Build a Chrome Extension that will Make Your Facebook Posts Better?
  • How to Create a Chrome Extension?
  • What is the Coupling Pitfall and how to Avoid it?
  • How to optimize JavaScript Performance?

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
  • Skills
  • Testing
  • typescript
  • Uncategorized
  • WarsawJS
  • Web Component
  • webpack
| beetech by Buzthemes.