Jan, 2022 - Current |
React SSR
CRA
Code splitting
AVIF
Setup code-splitting, CSS optimization and image-loading optimization to improve the Core-web-vitals for a group of gifting related eCommerce websites (based on Create-React-App). |
Feb, 2022 |
Anti-flicker Snippet
Architected a mechanism to overcome the negative speed-impact of the Google Optimize anti-flicker snippet on SEO sensitive pages. |
Dec, 2021 - Feb, 2022 |
React SSR
Redis
Caching
Worked on reducing the TTFB / server response time by setting up Redis caching for a React SSR website. The caching mechanism is setup in sync with website's geo-specific page delivery mechanism. |
Oct, 2021 - Mar, 2022 |
Next.js
Strapi
CMS
Architected Strapi based CMS solution for an existing website. The solution is created to enable gradual migration from the existing CMS. Some features of the new CMS solution - custom user-access control, multi-lingual pages, activity log, dynamic URLs generation and site-wide sections. |
Sep, 2021 |
Next.js
TypeScript
Jest
Setup Jest testing framework for UI unit testing for the in-house developed UI components. Also setup gradual type-checking for the props and state for these components. The goal is to enable a path to gradually incorporate these to reduce UI bugs. |
Aug, 2021 |
Next.js
Headless CMS
Strapi
Evaluated a bunch of headless CMS solutions to provide technical feedback to setup a CMS to create landing pages rendered via a NextJS website. Minimum initial dev-effort & maximum configurability! |
Aug, 2021 |
React SSR
Redis
Requests Coalescing
Setup redis caching for specific routes of a React SSR website. This improved the server response time and helped scale the website during the traffic spikes. |
Jul, 2021 |
Gatsby
WordPress
Setup Gatsby static-site-generator as the frontend for an existing Wordpress site. Delivered a setup to automatically update the Gatsby build on publishing new Wordpress content. |
Jun, 2021 |
React
Redux
Web Performance
Tuned the Redux state usage for a React site to avoid large state objects resulting in large HTML sizes. Faster start render! |
Mar, 2021 to May, 2021 |
React
Web Performance
React site speed optimization (code-splitting, critical CSS, fonts & image optimization). |
May, 2021 |
Angular 11
Handle scroll position restore for an Angular site with infinite scrolling & lazy-loading items as the users scrolls. |
Apr, 2021 |
WordPress
AMP
Scalability
Improved scalability of a WordPress blog via caching at various levels (caching at CDN, full-page, object level). Delivered changes to serve AMP version of the blog posts and pages. |
Apr, 2021 |
Angular 11 SSR
Core Web Vitals
Removed layout shift for an Angular SSR site by moving their DOM elements sizes from "px" to "vw"/"vh". Improved the CLS score! |
Dec, 2021 to FEB, 2021 |
Angular 11 SSR
Web Performance
Migrated Angular 8 CSR site to Angular 11 SSR site. Gradual migration of routes by state-sharing between the old and the new repository & some load balancer magic! |
Aug, 2020 to OCT, 2020 |
Varnish
Nginx
Requests Coalescing
Built a layer of full-page caching that could run near the origin to cache responses to avoid scalability issues during the traffic spikes and provide superior server response time. |
Aug, 2020 |
WordPress
Web Performance
Improved the site speed for a WordPress site with optimizations like WebP images, preloading, critical CSS and font loading optimization. |
Jun, 2020 to Aug, 2020 |
Next.js
Web Performance
lru-cache
Delivered site-speed improvements for a Next.js site such as dynamic imports, SSR caching, brotli compression. |
May, 2020 |
WordPress
Web Performance
Identified the WordPress plugins and the configurations that can be applied to a bunch of WordPress sites for speed optimization. |
Feb, 2020 to May, 2020 |
React
Web Performance
AWS Lambda@Edge
Delivered site speed improvements for a React SSR site. These included code-splitting, bundle size reduction, WebP images and brotli compression served via lambda@edge, image lazy-loading, etc. |
Nov, 2019 to Dec, 2019 |
Critical CSS
Gulp
Delivered CSS optimizations along with a build-pipeline for a Django based website (Vanilla JS). The goal was to ensure the optimizations remain in place as the team goes about making UI CSS changes. |
Oct, 2019 to Jan, 2020 |
Magento
Web Performance
Delivered web performance improvements for a Magento eCommerce site. Changes included introduction of build pipeline to deliver optimized CSS & JS files as well as brotli compression. Other changes included font-optimization, WAF changes to reduce latency. |
Aug, 2019 |
AWS Lambda@Edge
Cloudfront
Setup AWS lambda@edge to achieve image optimization as well as brotli compression delivery from the Cloudfront CDN. |
July, 2019 |
Magento
Varnish
Setup varnish caching for a Magento based eComm site. This included configuring ESI blocks, caching invalidation and cache warming for a Magento website with legacy server-side speed issues. |
Feb, 2019 to Apr, 2019 |
Magento
WebP
Web Performance
Setup an in-house mechanism for image-optimization. This meant a watcher process for WebP and responsive image generation and image delivery via Nginx web-server configuration. Also delivered JS, CSS, fonts optimizations. |
Oct, 2018 to Dec, 2018 |
React SSR
Web Performance
Delivered server-side rendering, code-splitting, bundle size reduction, images optimization and brotli compression for a React 16.x website. Integrated the frontend build process with the website's in-house Django CMS. |