I have not seen this before because I hid all the unnecessary elements using custom CSS, but turned it off for a minute and a notification appeared. I think this is an unnecessary element, so I turned on custom CSS again. Yes, it takes longer to show the OK button, but when I need speed, I always press the physical “previous page” button on my mouse or keyboard, so I don’t need to press this OK button anyway. If you don’t have a physical button for the “previous page” action, you can try pressing the “alt + left arrow” combination.
My monitor is 900 pixels tall. Minus the height of the taskbar, minus the browser tabs, minus the unused area in the game. So I got 545 pixels tall for the girl’s image, but the image’s height is 3000 pixels. It shrinks 5.5 times in height, gaining only 18.2% of its real height. For what purpose? Yes, I can open this image in a new tab and enlarge, but how often will I do this? And how often do I need to open the “harem.html" page? It’s not even the download time - my Internet connection is fast and unlimited - the problem is the processor time required by the browser (Firefox) to correctly render such an amount of useless “HD images”.
I will give you a hint. You can find out the screen resolution by referring to the JS-object “screen”; you need at least the “screen.height” parameter to find out how large your images on the user's screen can be. When you calculate the correct size for images, you can get images of the correct size from the server (naming example: "ava1-720p.png" versus "ava1-3000p.png"; similarly you need to do with the icons: "ico1-65p.png", "ico1-230p.png", etc.). This will not only significantly improve the user experience, but also reduce the load on the server - which, as I see it, is often overloaded with requests. A win-win situation, huh?
It was so bad that I made my own CSS-mod, mainly for my own peace of mind. More details here: