My homepage has been slightly faster, but there have been too many elements and also too many scripts. I had to load 3 separate scripts on the landing page alone. The total weight was also too much. Finally I displayed too many elements and used transparent colors too often. The result was that the homepage was unnecessary slow in both, loading and rendering.
Now I focused on three main issues:
- Reducing the number of requests
- Reducing the number of elements
- Increase readability by making the design more simple
The best feature is that every script that is not required on every single page will only be loaded once it has been required. This is possible by using an asynchronous lady loading pattern, which basically allowed me to define dependencies. Once code accesses particular functions the arguments are buffered and the loading is started.
In the end the overall page performance is now really great - also on mobile platforms and the Raspberry PI.