Menu:

Save Test Results with a Free Account Sign Up & Save Test Result

WebPageTest Pro Experiment

  • ExperimentSettings: motog4Chromev1034GVirginia USA
    More
    • First View only
    • Test runs: 3
    • Connectivity: 9000/9000 Kbps, 170ms Latency
    • Custom Metrics

    Experiment Info:

    • Mimic Pre-rendered HTML

      This experiment mimics server-generated HTML by swapping the initial HTML with the fully rendered HTML from this test run. Note: this will very likely break site behavior, but is potentially useful for comparing early metrics and assessing whether moving logic to the server is worth the effort.

      Assets/Instructions:

      • 220622_BiDcNM_AXE
    • Disable Scripts

      This experiment makes all scripts (inline and external) unrecognizable as javascript by the browser in order to demonstrate whether the site will still be usable if JavaScript fails to properly run.

      Assets/Instructions:

    • Preload files

      This experiment adds a <link rel="preload" type="image" href="https://cdn.sanity.io/images/dln5ca6t/production/512a557c360f45427266a1e6303a172ba5211d75-1078x878.jpg?w=1200&q=90"> to the head of your HTML document, causing browsers to request the file earlier and at a higher priority than it otherwise might.

      Assets/Instructions:

      • https://cdn.sanity.io/images/dln5ca6t/production/512a557c360f45427266a1e6303a172ba5211d75-1078x878.jpg?w=1200&q=90|as_image

    Related Links: Original (Control Run), Original Test

      Share

    View:

    Tools:

    Export

    Experiment Results

    Experiments Applied:

    • Mimic Pre-rendered HTML

      This experiment mimics server-generated HTML by swapping the initial HTML with the fully rendered HTML from this test run. Note: this will very likely break site behavior, but is potentially useful for comparing early metrics and assessing whether moving logic to the server is worth the effort.

      Assets/Instructions:

      • 220622_BiDcNM_AXE
    • Disable Scripts

      This experiment makes all scripts (inline and external) unrecognizable as javascript by the browser in order to demonstrate whether the site will still be usable if JavaScript fails to properly run.

      Assets/Instructions:

    • Preload files

      This experiment adds a <link rel="preload" type="image" href="https://cdn.sanity.io/images/dln5ca6t/production/512a557c360f45427266a1e6303a172ba5211d75-1078x878.jpg?w=1200&q=90"> to the head of your HTML document, causing browsers to request the file earlier and at a higher priority than it otherwise might.

      Assets/Instructions:

      • https://cdn.sanity.io/images/dln5ca6t/production/512a557c360f45427266a1e6303a172ba5211d75-1078x878.jpg?w=1200&q=90|as_image
    • Experiment More

    Links:

    Experiment Impact (Notable changes between experiment and control)

    Start RenderFirst Contentful PaintSpeed IndexLargest Contentful PaintCumulative Layout ShiftTotal Blocking TimePage Weight
    2.35sFasterExperiment:2.19sControl:4.54s2.55sFasterExperiment:2.44sControl:4.99s6.87sFasterExperiment:2.53sControl:9.4s8.47sFasterExperiment:2.81sControl:11.28s0.547WorseExperiment:0.547Control:01.57sFasterExperiment:0.33sControl:1.9s1442KBLighterExperiment:3231KBControl:4673KB

    Note: The metric comparisons above exclude differences in response time that exist between the median experiment and control runs of this experiment. View this comparison with TTFB differences included.

    Remaining Opportunities

    Here's how your overall opportunities look after this experiment:

    Jump to Opportunities by Category:

    Is it Quick? Needs Improvement.

    This site took little time to connect and deliver initial code. It began rendering content with little delay. There were no render-blocking requests. The largest content rendered later than ideal.

    • Opportunities 5
    • Tips 5
    • Pro Experiments 9

    Is it Usable? Needs Improvement.

    This site had major layout shifts. It took little time to become interactive. It had 5 accessibility issues, 1 critical. HTML content was mostly generated server-side.

    • Opportunities 3
    • Tips 3
    • Pro Experiments 3

    Is it Resilient? Looks great!

    This site had no render-blocking 3rd party requests that could be a single point of failure. It had no security issues. HTML content was mostly generated server-side.

    • Opportunities 0
    • Tips 0
    • Pro Experiments 0

    Filmstrip Comparison (Experiment vs. Control)

    Adjust Filmstrip Settings
    Filmstrip Options
    Thumbnail Size
    Thumbnail Interval
    Comparison Endpoint
    Advanced options...
    Download filmstrip image...

    Filmstrip key:

    • Visual change
    • Visual change + Layout Shift
    • Largest Contentful Paint
    • Largest Contentful Paint + Layout Shift
    0.0s0.5s1.0s1.5s2.0s2.5s3.0s3.5s4.0s4.5s5.0s5.5s6.0s6.5s7.0s7.5s8.0s8.5s9.0s9.5s10.0s10.5s11.0s11.5s12.0s12.5s13.0s13.5s
    1: E​x​p​e​r​i​m​e​n​tTest Run Details

    0%
    0%
    0%
    0%
    0%
    0%
    0%
    38%
    99%
    98%
    2: Original (Control Run)Test Run Details

    0%
    0%
    0%
    0%
    0%
    0%
    0%
    0%
    0%
    0%
    0%
    3%
    3%
    3%
    3%
    13%
    41%
    41%
    41%
    40%
    40%
    40%
    40%
    56%
    56%
    92%
    96%
    100%
    Waterfall Opacity (Adjust the transparency of each run's waterfall)