Documentation forWeb Performance Monitor

Set the screen resolution in the Web Transaction Recorder

When you record a sequence, the Web Transaction Recorder captures browser dimensions for use during playback later. After entering a URL, you can specify a screen resolution to emulate a variety of device types, such as mobile phones and tablets. WPM will use the resolution for all steps in a recording.

This feature provides support for web applications that change their appearance based on the screen size of the device where they're displayed, sometimes called "responsive web applications" because they respond to their environments and adjust automatically. By setting the resolution for a recording, you can monitor the performance of an application as if it's running on a desktop, mobile phone, or tablet.

There are several ways to configure the resolution of a recording:

  • Use your mouse to resize the recorder window.
  • Enter values in the two fields beneath the URL field at the top of the recorder.
    • Minimum resolution: 320 x 240
    • Maximum resolution: 3840 x 2160

      If you enter values outside of preset ranges, WPM adjusts them automatically.

Consider including screen resolutions in the names of WPM recordings for later reference. The resolution of recordings is not tracked in log files.

To set the screen resolution for a WPM recording:

  1. Type the URL of a responsive-design website in the top of the Web Transaction Recorder.
  2. Enter resolution values in the fields provided.

    Alternatively, use your mouse to resize the recorder window. To reset value, click the Resize tool.
  3. Click Start recording, and then continue using WPM as you normally would.

    Note the following details about WPM behavior:

    • After recording begins, resizing the recorder window will not affect the configured resolution.
    • If you change the size of the recorder window during playback, WPM rescales the web view area and adds scrollbars to the right and bottom sides of the window so you can navigate over the web application. If the size of the window is smaller than the width and height captured during a recording, you may notice two vertical scrollbars.

To adjust screen size in the Deprecated WPM Recorder, you can try this workaround.

Use the Resize tool

If you adjust Resolution values for a recording, either by entering them manually or resizing the recorder window, you can use the Resize tool to reset those values to match the current dimensions of the window.

The Resize tool only appears if you change the default resolution values or resize the recorder window with your mouse.

Screen resolutions for popular devices

Desktops and laptops typically use 1024 x 768 or higher screen resolutions. For reference, here are standard screen resolutions for some popular mobile devices:

Device Device type Resolution
Samsung Galaxy S5 phone 360 x 640
Google Pixel 2 tablet 411 x 731
Google Pixel 2 XL tablet 411 x 823
Apple iPhone 5/SE phone 320 x 568
Apple iPhone 6/7/8 phone 375 x 667
Apple iPhone 6/7/8 Plus phone 414x736
Apple iPhone X phone 375 x 812
Apple iPad tablet 768 x 1024
Apple iPad Pro tablet 1024 x 1366

Tip: Embed resolutions in transaction filenames (for example, ShoppingCart_480x800.web-recording) for easy reference later.