Overview
We turn our attention to Bet9ja, a premier sports betting platform in Nigeria. We plan to closely examine Bet9ja's web performance and the overall user experience it offers. Our objective is to identify the platform's strong points and to spotlight areas where improvements can be made for better user experience.
Tools Used
To measure the site's performance metrics, we used tools like Calibre, WebPageTest, Google PageSpeed Insights, and Chrome DevTools.
Methodology
Our investigative approach combined automated and hands-on testing to deliver a detailed and balanced examination of Bet9ja's functionality and ease of use. We employed synthetic monitoring to simulate performance across various devices and network environments. To closely mirror the actual experiences of users, we leveraged Chrome DevTools as part of our methodology.
Network speed
- Desktop: Cable
- Mobile: 3G
Time Period
The analysis covered a specified interval, offering a clear picture of Bet9ja's performance and user interface within that designated period.
The performance analysis of Bet9ja's website on mobile and desktop platforms highlighting numerous areas that need improvement to enhance the site's speed and user experience.
Desktop Performance:
For desktop users, the Largest Contentful Paint (LCP) occurs at a considerably delayed time of 6.2 seconds. This metric indicates that the most significant piece of content on the page is taking too long to load, which can be frustrating for users wanting to interact with the site.
The LCP element is the backgroundimage wrapped in div class="popcontainer" style="background-image: url("https://assets.unlayer.com/projects/31140/1700044606…")
Mobile Performance:
From PageSpeed Insights on a speed of 4G, Mobile users experience an even more pronounced delay, with the LCP(div class="bannerHome") starting at 18.4 seconds. This delay is critical given the majority of users on mobile devices where quick access is often more urgent. The First Contentful Paint (FCP), which represents the time at which the first text or image is painted, stands at 2.4 seconds on mobile and is slightly faster on desktop at 2.2 seconds.
According to PageSpeed Insights, a comprehensive analysis of the Bet9ja website has unveiled several potential enhancements to augment the site's load velocity and user experience on both desktop and mobile devices. Key observations and recommendations based on the performance data are as follows:
Opprtunities and possible Solutions
Third-Party Connections:
The site currently establishes connections to various third-party origins that contribute to load times, Implementing preconnect or dns-prefetch links can significantly reduce the time needed to connect to these third-party servers, decreasing the time until the page is interactive.
Javascript Optimization:
There is a substantial amount of unused JavaScript slowing down the site. Reducing or removing this unnecessary code will lessen the bytes the browser needs to download and process, speeding up interaction readiness.
Redirects:
The site currently undergoes multiple redirects, which prolong the loading process. Each redirect adds additional wait time that could be avoided with a direct link to the final destination page.
Webfont Optimization:
The site makes use of Google Fonts, but it could benefit from the use of the font-display property to ensure text is visible when the font is being loaded, thus preventing an invisible text issue.
Preventing Layout Shifts:
Images lacking explicit width and height attributes can lead to significant layout shifts, negatively impacting the Cumulative Layout Shift (CLS) metric. Adding explicit sizes or using CSS aspect-ratio is advised to combat this issue.
Non-Composited Animations:
The site features animations that are not composited smoothly, potentially contributing to an increase in CLS and creating a janky user experience. Reassessing these animations to ensure they are performant is necessary.
Layout Stability:
To reduce the possibility of large layout shifts, it is crucial to assess the site's DOM elements that contribute most to the CLS metric, making adjustments as needed to improve stability.
By addressing these concerns, the Bet9ja website should see improved load times and a more stable and satisfactory user experience across both desktop and mobile platforms.