Final verification of Varnish configuration

Now that you are using the default.vcl generated for you by Commerce, you can perform some final verifications to make sure that Varnish is working.

Verify HTTP response headers

Use curl or another utility to view HTTP response headers when you visit any Commerce page in a web browser.

First, make sure you are using developer mode; otherwise, you will not see the headers.

For example,

curl -I -v --location-trusted ''

Important headers:

X-Magento-Cache-Control: max-age=86400, public, s-maxage=86400
Age: 0
X-Magento-Cache-Debug: MISS
This value is also acceptable: X-Magento-Cache-Debug: HIT.

Check page load times

If Varnish is working, any Commerce page with cacheable blocks should load in less than 150 ms. Examples of such pages are the front door and storefront category pages.

Use a browser inspector to measure page load times.

For example, to use the Chrome inspector:

  1. Access any cacheable Commerce page in Chrome.

  2. Right-click anywhere on the page.

  3. From the pop-up menu, click Inspect Element

  4. In the inspector pane, click the Network tab.

  5. Refresh the page.

  6. Scroll to the top of the inspector pane so you can see the URL of the page you are viewing.

    The following figure shows an example of loading the magento2 index page.

    Click the page you are viewing

    The page load time displays next to the page URL. In this case, the load time is 5 ms. This helps confirm that Varnish cached the page.

  7. To view HTTP response headers, click the page URL (in the Name column).

    You can view HTTP headers which are discussed in more detail in the Verify HTTP response headers section.

Verify the Commerce cache

Make sure the <magento_root>/var/page_cache directory is empty:

  1. Log in to your Commerce server, or switch to, the file system owner.

  2. Enter the following command:

    code language-bash
    rm -rf <magento_root>/var/page_cache/*
  3. Access one or more cacheable Commerce pages.

  4. Check the var/page_cache/ directory.

    If the directory is empty, congratulations! You successfully configured Varnish and Commerce to work together!

  5. If you cleared the var/page_cache/ directory, restart Varnish.

If you encounter 503 (Backend Fetch Failed) errors, see Troubleshooting 503 (Service Unavailable) errors in the Adobe Commerce Help Center.