Sujeet's Blogs

Micro-frontend with Cloudflare ESI

Explores ESI for dynamic injection of header and footer (as microfrontent) in a microsite architecture implemented with SSG

Published on .
Using Sever-Side GTM

Instead of dumping all those scripts on the user's browser, move them to a server container

Published on .
Implementing Rollback in SSG with Cloudfront

Since entire site is pre-rendered, difference in layout between mobile/desktop causes higher CLS.

Part of Series: Static Site Generation (SSG) Published on .
Improving CLS

Since entire site is pre-rendered, difference in layout between mobile/desktop causes higher CLS.

Part of Series: Static Site Generation (SSG) Published on .
Optimizing Content Delivery by Serving Pre-compressed content

Serving Pre-compressed content from CDN

Part of Series: Static Site Generation (SSG) Published on .
Implementing Redirections for Static Sites

This blogs talks about handling redirects in Static Sites

Part of Series: Static Site Generation (SSG) Published on .
Static Site Generation (SSG)

Implementing different features and optimizations

Series with 4 blogs Published on .
Enhancing E-commerce Image Service Availability

Create a backup of all the images and its common variant in S3, and use it as a fallback origin to increase the overall availability of the system

Published on .
Streamlining Infra Costs with Responsive Images

Using responsive images powered by a image transofrormation service on a site with high traffic, results in high cost. We saved around 70% by using just a CDN in front!

Published on .
Unveiling NGINX's Proxy Cache Lock for SSR-Generated Content

Saves compute cost by significantly reducing origin server load

Published on .
Switching HTTP Versions on browser

How and when browser decides to switch HTTP Versions

Part of Series: How Things Works! Published on .
How Things Works!

We talk about internals - Browser, DNS, V8 and more

Series with 1 blogs Published on .
Optmizing Critical Rendering Path

Browser Optimizations and custom optimizations to improve the CRP

Part of Series: Critical Rendering Path Published on .
Analysing CRP

Analysing request and rendering flow for differnt setups

Part of Series: Critical Rendering Path Published on .
Layout And Paint

DOM + CSSOM = Render Tree

Part of Series: Critical Rendering Path Published on .
Render tree construction

DOM + CSSOM = Render Tree

Part of Series: Critical Rendering Path Published on .
Script Execution

When are your scripts executed? How to control the order of execution? Let us explore all these.

Part of Series: Critical Rendering Path Published on .
CSSOM Construction

Bytes → characters → tokens → nodes → CSSOM

Part of Series: Critical Rendering Path Published on .
DOM Construction

Bytes → characters → tokens → nodes → DOM

Part of Series: Critical Rendering Path Published on .
Critical Rendering Path

The critical rendering path refers to the steps involved until the web page starts rendering in the browser.

Series with 7 blogs Published on .
LRU Implementation

Implement a in-memory cache in JS with LRU as cache-eviction policy

Part of Series: JS Interview Questions Published on .
Length of a string

What you see is not always what you get!. The length of "👩‍👩‍👦‍👦🌦️🧘🏻‍♂️" is 21. Let us explore why is it 21 and how to get 3.

Part of Series: JS Interview Questions Published on .
JS Interview Questions

Tricky questions and related tips and tricks

Series with 2 blogs Published on .
Better Error Handling in JavaScript / Typescript

Making errors as first-class citizens in your async function response, inspired by Go.

Part of Series: Javascript Patterns Last Updated on .
Pub Sub

Publisher Subscriber Pattern for decoupling

Part of Series: Javascript Patterns Published on .
Javascript Patterns

Common JS Patterns used in general

Series with 2 blogs Published on .