Currently, every page of the website contains a copy of the header with all of its icon (OMDB logo + the other icons for links and buttons). This adds up to roughly 15KB per page, or roughly 9MB for all pages. 9MB is quite significant considering that all thumbnails combined are 10MB.
This PR addresses this issue by only rendering the full header on the client. The 15KB for the header are stored in a JS chunk that is shared between all pages.
Since the header now needs to be loaded, users will briefly see a blank space when the OMDB logo will be. All the elements on the right side of the header also aren't loaded. This shouldn't be an issue since this only happens on their first page visit.
Currently, every page of the website contains a copy of the header with all of its icon (OMDB logo + the other icons for links and buttons). This adds up to roughly 15KB per page, or roughly 9MB for all pages. 9MB is quite significant considering that all thumbnails combined are 10MB.
This PR addresses this issue by only rendering the full header on the client. The 15KB for the header are stored in a JS chunk that is shared between all pages.
Since the header now needs to be loaded, users will briefly see a blank space when the OMDB logo will be. All the elements on the right side of the header also aren't loaded. This shouldn't be an issue since this only happens on their first page visit.