A single page Web application with a filter and other manipulations from 17,000 points on a map?

Question

JavaScript

once faced with a similar problem. when bounds changed, it sent them to the server where it made a selection from mysql, the received response was displayed on the map. it didn't look very good. points were constantly loaded from the server and the map blinked.
this time I decided to download all the points at once on the first page load, it's only 500kb (g-zip) then the map worked very quickly, after that I made a filter by categories, to change which I cleared the map, ran through all the points taking only points of the desired category and already drew them on the map. everything worked well until we launched it on a mobile phone, the processor of the mobile phone is apparently not enough for foreach 17000 points, with subsequent clustering (also a significant operation) and there are big delays, the application almost hangs.
tell me which direction to go next?
can put some kind of client-side JS DB that can quickly select from 17000 points included in my bounds which is currently on the screen and only the desired category?

Answer 1

html5, use local storage from there too - take only those data when scrolling and zooming that fit into the ViewPort.