Be the first user to complete this post

  • 0
Add to List

gzip compress and cache api response in express

Browsers are really good at understanding gzipped responses and this creates an opportunity for you to decrease the initial page load time and improve your website's performance by gzipping all of your API responses. This is achieved by taking advantage of the content-encoding http header. It's particularly easy to do so using express. While at it, we will also see how to easily serve cached static content from your express server

Install the express and compression package as a dependency
npm i express --save
npm i compression --save
Refer to the following gist for how to set it up in your app. [wpgist id="612ce6984de6e0f4ff95" file="gzip.js"]
Watch the following video to see the quick demo of css compression!
[youtube https://www.youtube.com/watch?v=ZqeZwluij7c]

Verify that your site is Gzip enabled or not : Verify the page speed for your site before and after the gzip enabled: References :



Also Read:

  1. Understanding routers in express 4.0 - Visually
  2. Setup passportjs for local authentication and authorization using expressjs
  3. Debugging nodejs applications using node-inspector and Chrome Dev Tools
  4. window vs document
  5. set the default node version using nvm
  6. Getting started with localStorage vs sessionStorage in html5
  7. imperative vs declarative/functional programming
  8. Understanding semver versioning for your nodejs packages