Client Projects

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).

Architected a mechanism to overcome the negative speed-impact of the Google Optimize anti-flicker snippet on SEO sensitive pages.

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.

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.

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.

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!

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.

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.

Tuned the Redux state usage for a React site to avoid large state objects resulting in large HTML sizes. Faster start render!

React site speed optimization (code-splitting, critical CSS, fonts & image optimization).

Handle scroll position restore for an Angular site with infinite scrolling & lazy-loading items as the users scrolls.

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.

Removed layout shift for an Angular SSR site by moving their DOM elements sizes from "px" to "vw"/"vh". Improved the CLS score!

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!

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.

Improved the site speed for a WordPress site with optimizations like WebP images, preloading, critical CSS and font loading optimization.

Delivered site-speed improvements for a Next.js site such as dynamic imports, SSR caching, brotli compression.

Identified the WordPress plugins and the configurations that can be applied to a bunch of WordPress sites for speed optimization.

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.

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.

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.

Setup AWS lambda@edge to achieve image optimization as well as brotli compression delivery from the Cloudfront CDN.

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.

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.

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.