Menu:

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

WebPageTest Pro Experiment

  • ExperimentSettings: DesktopChromev102DSLToronto, Canada
    More
    • First View only
    • Test runs: 9
    • Connectivity: 1500/384 Kbps, 50ms Latency
    • Custom Metrics

    Experiment Info:

    • Defer Render-Blocking Scripts

      This experiment adds a defer attribute to render-blocking scripts, causing the browser to fetch them in parallel while showing the page. Deferred scripts still execute in the order they are defined in source. Example implementation: <script src="/s/files/1/0972/6282/t/58/assets/jquery.min.js?v=9503732020592794151550567397" defer></script>

      Assets/Instructions:

      • /s/files/1/0972/6282/t/58/assets/jquery.min.js?v=9503732020592794151550567397
      • /limits/thejefwright-com.myshopify.com?v=55j&r=20200414080743&shop=thejefwright-com.myshopify.com
      • /s/files/1/0972/6282/t/58/assets/vendors.js?v=64406799660333671781550567400
      • /s/files/1/0972/6282/t/58/assets/sections.js?v=132018176397476682241605805083
      • /s/files/1/0972/6282/t/58/assets/utilities.js?v=121709877271079801931605805083
      • /s/files/1/0972/6282/t/58/assets/app.js?v=168876645228875881301632853256
      • /s/files/1/0972/6282/t/58/assets/devst-scripts.js?v=119195553372071230411550640250
    • Preload files

      This experiment adds a <link rel="preload" type="image" href="//cdn.shopify.com/s/files/1/0972/6282/files/SeedlingBanner_1600x.jpg?v=1551470031"> 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.shopify.com/s/files/1/0972/6282/files/SeedlingBanner_1400x.jpg?v=1551470031|as_image
    • Add Priority Hint

      (Chromium-only) This experiment adds an fetchpriority="high" attribute to specified images, causing them to request earlier at a higher priority.

      Assets/Instructions:

      • https://cdn.shopify.com/s/files/1/0972/6282/files/SeedlingBanner_1400x.jpg?v=1551470031 |i_high

    Related Links: Original (Control Run), Original Test

      Share

    Experiment Results

    Experiments Applied:

    • Defer Render-Blocking Scripts

      This experiment adds a defer attribute to render-blocking scripts, causing the browser to fetch them in parallel while showing the page. Deferred scripts still execute in the order they are defined in source. Example implementation: <script src="/s/files/1/0972/6282/t/58/assets/jquery.min.js?v=9503732020592794151550567397" defer></script>

      Assets/Instructions:

      • /s/files/1/0972/6282/t/58/assets/jquery.min.js?v=9503732020592794151550567397
      • /limits/thejefwright-com.myshopify.com?v=55j&r=20200414080743&shop=thejefwright-com.myshopify.com
      • /s/files/1/0972/6282/t/58/assets/vendors.js?v=64406799660333671781550567400
      • /s/files/1/0972/6282/t/58/assets/sections.js?v=132018176397476682241605805083
      • /s/files/1/0972/6282/t/58/assets/utilities.js?v=121709877271079801931605805083
      • /s/files/1/0972/6282/t/58/assets/app.js?v=168876645228875881301632853256
      • /s/files/1/0972/6282/t/58/assets/devst-scripts.js?v=119195553372071230411550640250
    • Preload files

      This experiment adds a <link rel="preload" type="image" href="//cdn.shopify.com/s/files/1/0972/6282/files/SeedlingBanner_1600x.jpg?v=1551470031"> 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.shopify.com/s/files/1/0972/6282/files/SeedlingBanner_1400x.jpg?v=1551470031|as_image
    • Add Priority Hint

      (Chromium-only) This experiment adds an fetchpriority="high" attribute to specified images, causing them to request earlier at a higher priority.

      Assets/Instructions:

      • https://cdn.shopify.com/s/files/1/0972/6282/files/SeedlingBanner_1400x.jpg?v=1551470031 |i_high
    • Experiment More

    Experiment Impact (Notable changes between experiment and control)

    Start RenderFirst Contentful PaintSpeed IndexLargest Contentful PaintTotal Blocking TimeVisual CompleteFully LoadedRender-Blocking Requests
    0.7sFasterExperiment:2.3sControl:3s0.67sFasterExperiment:2.29sControl:2.96s3.62sFasterExperiment:4.28sControl:7.89s11.08sFasterExperiment:5.04sControl:16.12s0.02sFasterExperiment:0.03sControl:0.04s1.7sFasterExperiment:16.5sControl:18.2s0.64sFasterExperiment:24.89sControl:25.54s6FewerExperiment:5Control:11

    Note: This experiment had a 0.17s difference in response time between the median experiment and control runs, which can make other metric changes seem more significant than they really are. To examine the variability of response times in all test runs, you can plot full results. Or, you can view this comparison with TTFB removed from relevant metric comparisons.

    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.5s14.0s14.5s15.0s15.5s16.0s16.5s17.0s17.5s18.0s18.5s
    1: n​e​w​L​a​b​e​l Edit titleTest Run Details

    0%

    0%

    0%

    0%

    0%

    31%

    31%

    31%

    31%

    32%

    98%

    99%

    99%

    99%

    99%

    99%

    99%

    99%

    99%

    99%

    99%

    99%

    99%

    99%

    99%

    99%

    99%

    99%

    99%

    99%

    99%

    99%

    99%

    100%
    2: Original (Control Run) Edit titleTest Run Details

    0%

    0%

    0%

    0%

    0%

    0%

    28%

    31%

    31%

    31%

    30%

    30%

    30%

    30%

    30%

    30%

    30%

    30%

    30%

    93%

    93%

    93%

    93%

    93%

    93%

    93%

    93%

    93%

    93%

    90%

    90%

    90%

    90%

    99%

    99%

    99%

    99%

    100%
    Waterfall Opacity (Adjust the transparency of each run's waterfall)