[EDIT 10/31/2018] An additional performance test was run on Utilities.Games after performance updates, still before ads. Previous results are crossed out.
We’re close to implementing Ads to the site. Again, sorry, but we’ve gotta pay the bills. Anyways, throughout initial development I’ve regularly used Google Chrome’s Auditing tools (powered by Lighthouse). This tool has been tremendous help in preparing our site for PWA. Additionally it’s been used to compare our site to our “competitors”. I use quotes because I respect these sites and look at them as healthy competition, a means to encourage the best quality and fastest website.
For this comparison, I navigated to each site (except ours) directly from the first search page from Google using Google Chrome (
v70.0.3538.77). To clarify, each page was supposed to be the info page of the Pokemon Crobat. Then, from the Developer Console (F12), I ran an Audit with the following conditions:
- Device: Mobile
- Progress Web App
- Best Practices
- Throttling: Simulated Fast 3G, 4x CPU Slowdown
- Clear Storage (Enabled)
After running the audit, I saved the results of the report for future reference and took a snapshot of both the results and the mobile rendering simulation.
Here are the results with an additional “Score” which simply averages each score for the given site. The table is in order of the highest “Score”.
I was pleased to see that our site scored the highest, however, it is also important to note that this is pre-Ads. All of the other sites had Ads enabled and they are of course “fuller” websites for the moment. I wanted to make sure I ran these tests before we implement Ads to see a difference, if any, it will have on performance.
The performance metric basically measures the speed and responsiveness of the site. “How quickly can the user do stuff on the page?”. In terms of performance, we have some room for improvement in comparison. Surprisingly we’re at least ahead of the repeatedly highest ranking site on Google. For us, we have a few things in the immediate future that we will be implementing such as bundling. Also, it can be difficult to truly compare each of these sites since they each utilize different web services, hosted in potentially different areas around the world, and process pages on the server differently. Overall though, this metric is supposed to highlight the impact on the end user. So, it could help determine whether our current web technology stack is still viable or if we should consider moving in another direction.
Progressive Web Apps (PWA)
The PWA metric essentially checks the boxes for whether the web application is PWA-compatible. I am personally excited for this technology and am very pleased that we scored so high. For those that have no idea what this is, basically you can install our web site on your phone like almost any other app. We have a download link in the navigation menu if your device is capable of installing PWAs. This works on newer Android and iPhones as well as Windows 10 devices (desktops, tablets, & phones). I’m not surprised that the rest of the sites didn’t score very high since this technology is really just now emerging into the market with the help of sites like Twitter and Pinterest exposing its capabilities.
The accessibility score highlights how well a site can accommodate users that are hard of seeing, hearing, etc. This is certainly a topic I’m not too familiar with, but developing this site gives me a great opportunity to learn how to best provide for this audience. I was certainly inspired by Microsoft’s development of the Adaptive Controller for the Xbox One. I personally think that video game culture is a great place to cultivate great culture and acceptance not to mention the importance of understanding and inclusion. Alright, I’ll get off my soap box, but ultimately even though accessibility scores are low across the web, a lot of browsers are picking up the slack. At a certain point there won’t be as much requirement on developers like myself to fully understand this realm in order to accommodate these users.
The best practices metric is kind of a moving target, but ultimately it boils down to staying on top of security and efficiency practices. As long as you adhere to the standards this value should improve. For the most part I treat this metric as a checklist. When I’m in a lull developing features, I try to visit this metric to make at least minor improvements.
Search Engine Optimization (SEO)
The SEO metric is what everyone wants to be 100%! This highlights how easy it is for people to find your website. Which, if your means of paying the electricity bill is based on Ads, you need more traffic to your site in the hopes that the Ad placement will payoff. While revenue is certainly the most important influencer for improving SEO, I personally have a bit of pride whenever I see my site show up in a Google search. Searchability is something I design in my day job, so it’s especially helpful for me to practice those skills on this site. However, my day jobs websites aren’t open to the public, so it’s not directly applicable all the time. Regardless, the hope with this is site is to provide different approaches to playing video games and we’d like to share those (hopefully) cool ideas with as many people as we can because that’s what gets us excited to develop more features.
Our site’s overall score is great in comparison to “the competition”, right now… Like I said, this could all change as we implement Ads and other site-wide changes, but we’ll keep our fingers crossed and tackle each metric one at a time.
Let us know in the comments your thoughts on the comparison and/or what metrics mean the most to you. As with our features, we’re always ears-open to what is most important to our users. If you need more Accessibility options, or have poor internet connection and need a lighter website, these are important things to know so we can try our best to deliver.
One Last Thing…
Here’s a snapshot of the mobile renderings and scores from when I ran the audits: