Yonatan Kra

Yonatan Kra

Family, Code, Run

  • Blog
  • Planned Talks
  • About Me

Category: Performance

Home / Performance
A server rendering HTML - SSR

Implementing Your Own SSR Server for Web Components

May 27, 2024May 27, 2024 Yonatan KraLeave a Comment on Implementing Your Own SSR Server for Web Components

Server Side Rendering (SSR) is a very hot topic today. What’s with React Server Components bringing all these buzz words that “I just have to implement in my project”… Let’s see what’s all the fuss about by implementing our own …

Read More
service workers

How Service Workers Sped Up Our Website by 97.5%?

June 21, 2023June 21, 2023 Yonatan KraLeave a Comment on How Service Workers Sped Up Our Website by 97.5%?

Here’s how we made our website load 97.5% faster by using service workers, how we ensure the users will get the newest version every time, and how you can do it too.

Our website is more than 1 year old. …

Read More
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

Posts pagination

1 2 Next

I’m an instructor at:

Egghead.io

Follow Me On:

  • Follow me on Linkedin
  • Follow me on Bluesky

Recent Posts

  • Busting Legacy Code with AI Agents and Test Driven Development
  • Meaningful Tests: Human Hubris vs. AI
  • 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?
  • Busting Legacy Code with AI Agents and Test Driven Development
  • Meaningful Tests: Human Hubris vs. AI
  • 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

Categories

  • Algorithms
  • Architecture
  • AskQL
  • Blogging
  • canvas
  • chrome extensions
  • CodeTalks 2019
  • Coding
  • Conferences
  • ConfrontJS
  • ConfrontJS 2019
  • Cypress
  • debugging
  • Design Patterns
  • devops
  • docker
  • Flutter
  • 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.