Performance Improvements - suniladhya/Advantage GitHub Wiki

  1. minimize the Texts (css, HTML, JS)
  2. minimise Images
  • in css multiple media queries to send images based on the client(mobile/ Screen size)
  • Minimise images
  • Change Type of Images
  • Image processing API- Imigx (internally uses CDN)
  • Meta tags of Photos can be removed
  1. Bundling and minimizing the http requests

Network Optimization

  • Download Css File first, JS file Last,
  • Head with JS blocks HTML Rendering. Stall the downloading of the resources

limit the no of files to be delivered

4 file format: SVG(for scaling,small,4kdisplay, cutomize with css), JPEG(BIG, Many colours, no transparency), PNG(limited colour count, transparent BG), GIF(ugly, colourcount less)

Advantages:

Disadvantages:

  1. More Complex

PNG-> Tiny PNG JPG-> JPEG-Optimizer, image optim lowerjpeg quality by 40/60 Resize image based upon the requirement different images for different BG CDN: imigx Remove image meta data(verefix)