Based on Google Analytics data, the most popular browser screen resolutions used by this blog's visitors over the last 7 months were 1366x768 and 360x640 pixels.
The top spot belonged to 1366x768, which is currently the most popular screen resolution for desktop computers.
The second spot was held by the mobile screen resolution 360x640, consistent with the observation that more and more people are now searching and browsing the internet on mobile devices. No wonder Google is switching to mobile-first indexing and encouraging website designers to use responsive web design.
| Rank | Resolution (pixels) | Popularity (%) |
| 1 | 1366x768 | 23.91 |
| 2 | 360x640 | 21.42 |
| 3 | 1920x1080 | 5.29 |
| 4 | 1440x900 | 4.58 |
| 5 | 320x568 | 3.58 |
Following way behind were 1920x1080, 1440x900 and 320x568.
Overall, the widest screen resolution recorded over the three-month period was 2560 pixels, while the narrowest was 320 pixels.
Considering the above information, I should be optimizing my responsive blog template for a screen width of 1366 pixels on desktop and 360 pixels on mobile, while making sure that it remains navigable on 320-pixel-wide screens.
Labels: Internet