I have a webserver appplication that desiged to run locally on users home network. Most pages are list of items that either display in a grid with an image for each item, or a table of rows just containing text.
Pages are loaded with just their basic html skeleton, and then I make two xhr javascript calls. The first one just return 100 items so users sees data appearing almost immediately, then a second call is made to get all of the data,and this usually takes a few seconds, but almost invisible to user as the only thing they see is the size of the scroll bar decreasing as now page ids larger.
Now for the grid pages, this is working fine. Using Firefox Browser Developer Network tab I can see largest grid page contains 3MB of data, plus additional data for the images. The 3MB gets loaded within a few seconds, and then the images get loaded over time, and after couple of runs they are cached in browser anyway so load quickly, and most of the grid are not visible on users screen so they dont see slower loading of images anyway.
But then I have a text only table page, and the second call xdr to server loaded 15MB of textual data, there are no additional images on page. Now I can see that 15MB would take longer than 3MB but it doesnt seem to ever load and I am using POST rather than GET to mae the request.
Some of the grid pages are larger than 15MB however that is mostly images and the xdr request is smaller, do i have to maker multiple xdr requests to load the page in sections. Or do I have to implement paging so it only shows some records and the user will have to navigate multiple pages.
My question is the problem the total size of page or just that I am loading a large amount of data in one xdr request.