Hi everybody, although I believe there is another thread regarding website performance, I am throwing my 2 cents as someone who has been into website development for many years.
Option to disable SPA mode:
SPA (Single web application) is a form of web application where loading pages does not require refreshing the browser tab or loading everything from scratch, you must have noticed that migrating to a different link of Lorwolf does not load everything from start but rather only changes the needed content. This is great! However there is a downside to it:It becomes a pain with some types of internet.
For example with mine, it is slow and slow connection means it will take forever to navigate to a different page. In regular pages even if it fails, it will show the reason for why it has failed but it is not the case with SPA (especially on mobile)
Use server side program to merge layers of wolves before displaying:
Admittedly I am not pushy on this one, it definitely will take server power to render the images before displaying so it is for when the population grows and there becomes a need for server upgrade (Why Azure? There are cheaper and better VPS providers which provide Windows IIS as operating system)
But this is really needed for multiple reasons:
- Less bandwidth consumption (both client and server side)
- No need to download and save the wolf image every time (easier to directly link the wolf image)
A work around to the issue with server power is "caching" the wolf image, which means merging the layers and saving it in server hence there will be no need to merge the layers every time (unless there is a new modification in apparel or patterns)
Allow viewing website images in website:
I am not sure if this is a "my issue" but if you right click on a website image and select "Open image in new tab" you will notice that the image gets downloaded into the user's device, which is a pain if you want to link the image somewhere.
The images such as vouchers don't need to be this big:
It is displayed as small right (15x15)? Let's see the actual image (400x400)
This is ~711x bigger! It really does not need to be.
Is there concern regarding resizing such assets? Use SVG file format, especially the voucher images are very simple which can be easily converted.
Keep assets in one domain:
I monitored the loaded assets and these are the external websites which lorwolf fetches assets from:
- lorwolf.azureedge.com
- code.jquery.com
- 64.media.tumblr.com
Although considerably non-issue, there is a problem. Different load time and risk of website being broken because the client's internet provider has blocked one of these domains.
My suggestion is to host those content in one place, at most in a subdomain of same site (e.g cdn.lorwolf.com or static.lorwolf.com)
Conclusion: Lorwolf has become my favorite web game to play during free time, but I found the need to address some of the performance problems.