Explores ESI for dynamic injection of header and footer (as microfrontent) in a microsite architecture implemented with SSG
Sujeet's Blogs
Instead of dumping all those scripts on the user's browser, move them to a server container
Since entire site is pre-rendered, difference in layout between mobile/desktop causes higher CLS.
Since entire site is pre-rendered, difference in layout between mobile/desktop causes higher CLS.
Serving Pre-compressed content from CDN
This blogs talks about handling redirects in Static Sites
Implementing different features and optimizations
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
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!
Saves compute cost by significantly reducing origin server load
Switching HTTP Versions on browser How and when browser decides to switch HTTP Versions
How Things Works! We talk about internals - Browser, DNS, V8 and more
Browser Optimizations and custom optimizations to improve the CRP
Analysing request and rendering flow for differnt setups
Layout And Paint DOM + CSSOM = Render Tree
Render tree construction DOM + CSSOM = Render Tree
When are your scripts executed? How to control the order of execution? Let us explore all these.
Bytes → characters → tokens → nodes → CSSOM
Bytes → characters → tokens → nodes → DOM
The critical rendering path refers to the steps involved until the web page starts rendering in the browser.
Implement a in-memory cache in JS with LRU as cache-eviction policy
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.
JS Interview Questions Tricky questions and related tips and tricks
Better Error Handling in JavaScript / Typescript Making errors as first-class citizens in your async function response, inspired by Go.
Publisher Subscriber Pattern for decoupling
Javascript Patterns Common JS Patterns used in general