How can I compress the response of an ajax request?

Question

I return the whole HTML as the response of an ajax request (not just an array as JSON). So as you know, the response will be larger a bit (than JSON). Because it contains some more things like html tags, html attributes etc ... So to

tncreased scalability (reduced server load).
Less network bandwidth (lower cost).
Better user experience (faster).

I want to compress the response. Something like .gzip format. Based on so tests, this is the size of an ajax response:

And this is the size of an ajax response which is zipped:

See? There is a huge different between them in theirs sizes.

All I want to know, is it possible to compress the response of an ajax request on the way and convert it to a regular text on the client side? For doing that do I need to do some changes in the web service (like nginx) configuration? Or it does that automatically?

Did you [enable gzip compression in Nginx](http://nginx.org/en/docs/http/ngx_http_gzip_module.html) already? — Lars Beck, Apr 24 '17 at 06:40
@LarsBeck If I do so, then all ajax responses will be gzip automatically? — stack, Apr 24 '17 at 06:43
Nginx will compress almost anything https://www.nginx.com/resources/admin-guide/compression-and-decompression/ — Lars Beck, Apr 24 '17 at 06:53

score 0 · Answer 1 · answered Apr 24 '17 at 06:46

You should use Lz-string method to compress data and send using ajax call and at the time of response, again use it by decompressing it

GITHUB links : https://github.com/pieroxy/lz-string/

Documentation & usage : https://coderwall.com/p/mekopw/jsonc-compress-your-json-data-up-to-80

score 0 · Answer 2 · edited May 23 '17 at 11:54

You may want to check out some of the other StackOverflow posts, plus Wikipedia links & articles on the web regarding Deflate & Gzip. Here are some links for you to peruse. They have some interesting charts & information in them:

How can I compress the response of an ajax request?

2 Answers2