Display Resolutions

TL;DR

The number of Visitors or Sessions by Display Resolution metric tells you the display size and resolution of the visitors' devices when they access the website.
This information helps you optimize your website design, images, experience, and content.

What is the Display Resolution metric in your analytics dashboard?

Screen resolution refers to the number of horizontal and vertical pixels on a display screen. The more pixels, the more information is visible without scrolling (think about a desktop device). If the same amount of content is displayed on a device with fewer pixels, then your images might not fit well, and the content requires a lot of scrolling.

All Screen resolutions have a pixel count - let's look at the Apple MacBook Air (2019)! It has a 13.3-inch Retina display with 2,560 x 1,600 resolution. This means 2,560 horizontal pixels and 1,600 vertical pixels. Alternatively, the width x height.

    Why is the Display Resolution essential for you and your site? 

    Similar to the device type, knowing the device resolution is a more specific way for you to optimize your design and content for the screen resolutions of your visitors' devices. 

     

    If you go deeper into this metric and check the number of visitors by screen or device resolution, you can do lots of things to improve the way your site looks to people using different resolutions. Here are a few things to keep in mind when you track the screen resolutions:

    • If your website has a fixed width, make sure to avoid horizontal scrollbars in a resolution of 1024 pixels wide. So, you only neglect a very low percentage of visitors who use a lower resolution.
    • Add your call to actions and offer above the page fold in 768. For low resolutions/small screens, you will also have the browser toolbar, followed by your website header (which is actually the logo and the menu icon). Hence your most important content should be right in front of the visitors without scrolling too much.
    • Do not add too much critical information on the lower side of a low display resolution, as most users do not scroll too much.
    up-arrow.svg