Kashif Wahaj's Blog

Website Performance Checklist

By Kashif Wahaj on Mar 11, 2024
Image post 6

Checklist for Better Code Quality

Check below before PR

Use

  • Lighthouse
  • PageSpeed
  • Coming Soon

  • Multiple versions of Images/Video/Media based on screensize
  • Using, webp, webm for images and fallback png versions
  • Have Preview/Testerhumbnail version of images/videos
  • Minify CSS, JS and also using gziped/minified cdn links
  • Use Gziped/ Text Compression ( Enabled if option there in framework)
  • if possible load a compelete different version for mobile with lighter UI
  • All New Components must be in components folder
  • Use CDN if possible
  • Make pagewise scripts / CDNs so don’t have to load for everypages whether page needs or not
  • Regular Check Website Score
  • Generate Static pages where possible
Recent Posts
Image post 6

What is Action Class ?

Dec 26, 2024
A SRP implemenation for better code
Image post 6

CRUD Multi Pattern

Dec 11, 2024
Pattern to better code quality, testability, and reusability
Image post 6

Client Server Architecture

Mar 11, 2024
Checklist for better code quality of React / Javascript Code.