Javascript packing object to hash string

I have an object that is updating with every mouse click and it could be loaded with the page. I am trying to compress it into a hash ( so users can link their variations Ex:/page#HsaWiSAU, but I am having trouble making it into a readable link.

So far I've tried couple compressing libs but nothing. I was close with the lz-string one, but when it compresses it, there are those huge strings.

{
    "FX": {
        "row1": {
            "sp6111": {
                "ranks": 5,
                "curr": 1
            },
            "sp6114": {
                "ranks": 5,
                "curr": 0
            }
        },
        "row2": {
            "sp6121": {
                "ranks": 1,
                "curr": 0
            },
            "sp6122": {
                "ranks": 1,
                "curr": 0
            },
            "sp6123": {
                "ranks": 1,
                "curr": 0
            }
        }...
    },
    "CX": {},
    "RX": {}
}

Can you suggest me a lib I should look at or how to write my own ? I get that the large strings are because I stringify this and compress the entire string, so I need a better, more human-friendly solution.