Impressive improvement! Tnx
Actually, there are two sprite sheets. One for the UI and one for the map layer.
The UI sprite sheet has proper max-age=604800
. But, its size is 3.01 MB. Perhaps this one is too big either?
Plus, note that many mobile GPUs have a GL_MAX_TEXTURE_SIZE == 2048
limit, which can lead to out of bounds texture coordinates and display errors on this 3,264 px wide sprite sheet. Hence, going for a square shape may be a solution here.
Then there is the map layer sprite sheet (mapillary_sprites.json
and mapillary_sprites.png
)
The PNG has been nicely reduced to 1,647,652 bytes. However, these sheet files continue to have max-age=900
.
Overall, perhaps you may want to settle for one sheet file, although I am aware that they serve different purposes. Additionally, perhaps making them more square shaped would help to decrease their size?
Sometimes, the sheet files do not download completely on slow connections and there is no way to re‑initiate this download again in the UI, e.g. clearing and selecting “All traffic signs” again has no effect. Your only hope then becomes refreshing the page.
We’ve updated the cookie page in the web app to simply use a color background which reduces it total download size of the page by more than half. As the color matches the loading background of the web app the transition should hopefully seem much smoother now.
We’re also working on sprite sheet improvements. The sprite sheet is used in three places (map, UI dropdowns and the image viewer) so we’re thinking about how best to consolidate them.
Trying to go via the browser address bar to any image directly (using the pKey
URI query) or by clicking on a dot or an image in the feed continues not to work on a slow connection.
Thanks to all persons involved. Wow, how fast it is now.
Nice!
However, I would also like to see the satellite/aerial imagery hybrid map layer return to the Mapillary web app, although I am aware that such a layer may demand a quite expensive fee.
By the way, you may want to center align the text below the images in this menu. Once you realize that the text is oddly left aligned, you kind of cannot unsee that something is off.