Page Tuning

What Is Page Tuning?

The page tuning process allows you to examine download times of each element on a page at a

timing resolution of milliseconds. This enables you to tweak each element of the page to achieve a

download time threshold.

What Results Are Produced?

A Page Tuning test can be represented in a graphical bar

chart, making it extremely easy to pick out elements that are taking

more time to download.

How Is A Page Tuning Test Performed?

The Page Tuning process uses eValid Detailed Logging functions to

record each page element that is loaded into the browser.

Select Record/Play PreferencesPart 1 of 12

- Navigate to the page you need to test.

- To begin your page tuning test select:

Settings > Record/Play Preferences menu.

Turn on Detailed Timing LogsPart 2 of 12

- Click on Project/Log Management.

- Then, find the section: Log Output.

- Click the Detailed button.

- Click OK to save your settings.

Start RecordingPart 3 of 12

In the eValid browser, navigate to

the page that you would like to tune. Select Record > Start Recording from the eValid

menu.

The red button lights up.

Name Your Test ScriptPart 4 of 12

- Start Recording window pops up. Name your eValid script. Ex: PageTuning

- Click OK to confirm and begin recording.

Generate More ScriptsPart 5 of 12

Left click on the Address box and hit Enter/Return button 9 more

times to generate 10 navigation

script commands.

Stop RecordingPart 6 of 12

Then click Record/Stop

Recording and Click OK to confirm that

your script has been saved.

This process will enter your selected link into the eValid

script.

Empty The Cache Part 7 of 12

- From the eValid toolbar, select: Settings > Cache Manager.

- Click Delete All and check Never use cache.

- Save Settings and Close.

This ensures that files will be downloaded from the server, rather than loaded from the browser cache.

Start PlaybackPart 8 of 12

Select Playback > Start Playback

to generate timing statistics. All of the data enter into the

log files automatically.

Graphic Chart OptionPart 9 of 12

- When eValid is done.

- Select the Performance log column and check Graphic chart option and then click on the View selections button.

Performance LogPart 10 of 12

Or click on the icons of the Performance Log to view the data.

Performance ChartPart 11 of 12

This is the same page downloaded ten times, with color-

coded execution time.

Each segment of the stacked bar

represents an element on your page.

Color-coded Detailed Execution TimePart 12 of 12

The elements that are consistently larger, are those interfering with

good performance. Move your cursor along the bars to

discover the times. You can tweak download times where needed.