Synthetic Monitoring Setup: Protecting Critical Paths from Failures

Our company is engaged in the development, support and maintenance of sites of any complexity. From simple one-page sites to large-scale cluster systems built on micro services. Experience of developers is confirmed by certificates from vendors.

Development and maintenance of all types of websites:

Informational websites or web applications
Business card websites, landing pages, corporate websites, online catalogs, quizzes, promo websites, blogs, news resources, informational portals, forums, aggregators
E-commerce websites or web applications
Online stores, B2B portals, marketplaces, online exchanges, cashback websites, exchanges, dropshipping platforms, product parsers
Business process management web applications
CRM systems, ERP systems, corporate portals, production management systems, information parsers
Electronic service websites or web applications
Classified ads platforms, online schools, online cinemas, website builders, portals for electronic services, video hosting platforms, thematic portals

These are just some of the technical types of websites we work with, and each of them can have its own specific features and functionality, as well as be customized to meet the specific needs and goals of the client.

Showing 1 of 1All 2062 services
Synthetic Monitoring Setup: Protecting Critical Paths from Failures
Medium
~2-3 days
Frequently Asked Questions

Our competencies:

Development stages

Latest works

  • image_website-b2b-advance_0.webp
    B2B ADVANCE company website development
    1358
  • image_web-applications_feedme_466_0.webp
    Development of a web application for FEEDME
    1250
  • image_websites_belfingroup_462_0.webp
    Website development for BELFINGROUP
    956
  • image_ecommerce_furnoro_435_0.webp
    Development of an online store for the company FURNORO
    1188
  • image_crm_enviok_479_0.webp
    Development of a web application for Enviok
    929
  • image_bitrix-bitrix-24-1c_fixper_448_0.webp
    Website development for FIXPER company
    947

Synthetic Monitoring Setup: Protecting Critical Paths from Failures

Imagine: in the middle of a workday, the order form goes down. Uptime monitoring shows 200 OK, but users can't pay. We implement Synthetic Monitoring — browser-based monitoring that runs through key scenarios every 5-15 minutes and triggers an alert on error. Over 5 years of practice on 50+ projects, we've refined our method. It catches failures before the business notices them.

Synthetic Monitoring mimics real user actions. It opens a browser, walks through a scenario (like placing an order), and records the time of each step, any errors, and screenshots. This detects problems invisible to uptime monitoring: broken JavaScript, changed selectors, slow API responses. According to State of Synthetic Monitoring, 78% of companies already use synthetic checks for critical scenarios. Synthetic checks answer the question "Is the business working?" not just "Is the server responding?" It's a key element of Business Continuity.

On a typical e-commerce site, we set up 5-7 scenarios: search, product card, cart, checkout, order confirmation. For SaaS — login, resource creation, key action. Each scenario runs from multiple regions to filter out random network errors.

Difference from uptime monitoring

A simple ping to GET / is not synthetic monitoring. It only answers "Is the server alive?" Synthetic monitoring checks business functions:

  • New user registration
  • Search and result display
  • Adding item to cart
  • Going through checkout

Such automated checks provide availability and performance metrics for each step. This directly impacts revenue: if checkout is broken, the site loses money. One hour of checkout downtime can cost up to $100,000 for an average e-commerce site. This depends on traffic and average order value.

Which critical paths we monitor

Site Type Critical Paths Check Frequency
E-commerce Search → product → cart → checkout Every 5-10 min
E-commerce Login → account → order history Every 15 min
SaaS Login → dashboard → project creation Every 5 min
SaaS API endpoints for B2B clients Every 1 min
Content site Search → article → subscription form Every 15 min

Why we choose Playwright + Checkly

Playwright is a modern browser automation framework. It works with Chromium, Firefox, WebKit. Playwright runs tests 2-3 times faster than Puppeteer due to parallel contexts and efficient browser management. Combined with Checkly (managed platform), we get test execution from 10+ regions worldwide. It provides screenshots on error, waterfall trace of requests, and integration with PagerDuty, Slack, Opsgenie.

Example script for checkout check:

// checkly: checkout-flow.spec.js
const { chromium } = require('playwright')
const { expect } = require('@playwright/test')

async function checkoutFlow() {
  const browser = await chromium.launch()
  const page = await browser.newPage()
  
  try {
    // Open catalog
    await page.goto('https://www.saucedemo.com/inventory.html')
    await expect(page.locator('.product-grid')).toBeVisible()
    
    // Select first product
    await page.locator('.product-card').first().click()
    await expect(page.locator('[data-testid="product-title"]')).toBeVisible()
    
    // Add to cart
    await page.locator('[data-testid="add-to-cart"]').click()
    await expect(page.locator('[data-testid="cart-count"]')).toContainText('1')
    
    // Go to cart
    await page.goto('https://www.saucedemo.com/cart.html')
    await expect(page.locator('.cart-items')).toContainText('1 товар')
    
    console.log('Checkout flow: PASS')
  } finally {
    await browser.close()
  }
}

What's included in turnkey Synthetic Monitoring setup

  • Critical path audit: together we identify 5-7 scenarios that drive your business
  • Writing Playwright tests with error handling and assertions
  • Configuring a managed platform (Checkly or Datadog) or self-hosted on GitHub Actions
  • Alert integration into PagerDuty, Telegram, Slack
  • Test data management: creating a test user, cleaning orders, excluding from analytics
  • Documentation for launch and maintenance
  • Team training (1-hour video call)

Schedule a free consultation — we'll help you choose the optimal monitoring solution.

Self-hosted option: GitHub Actions + Playwright

If budget is limited, we deploy monitoring on GitHub Actions. Code in a repository, run on cron every 5-15 minutes:

name: Synthetic Monitoring
on:
  schedule:
    - cron: '*/5 * * * *'
  workflow_dispatch:
jobs:
  check-critical-paths:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@v4
      - name: Install Playwright
        run: npx playwright install chromium
      - name: Run synthetic checks
        run: npx playwright test tests/synthetic/
      - name: Notify on failure
        if: failure()
        run: curl -X POST "$SLACK_WEBHOOK" -d '{"text":"FAILED"}'

Limitation: GitHub Actions cron does not guarantee second-level accuracy (can be delayed 5-15 minutes). For time-critical scenarios, use managed services.

How Synthetic Monitoring prevents revenue loss?

Real case: after a CMS update, a retailer's delivery method selection step broke. Uptime monitoring was silent (200 OK), and orders weren't placed for 4 hours. Synthetic check caught the problem 5 minutes after deployment. Thanks to fast feedback, downtime was minimized, saving the business an estimated $50,000 per month.

Another example: how we prevented a failure on a SaaS platform In one project, an API change returned a 500 error on the project creation endpoint. A synthetic test running every 5 minutes recorded the failure within 2 minutes of deployment. Developers received an alert and rolled back the change in 10 minutes. Without monitoring, downtime would have lasted up to 2 hours.

Work stages and timelines

  1. Analysis (1 day): define critical paths, agree on test data
  2. Test development (1-2 days): write Playwright scripts, set up environment
  3. Platform integration (1 day): Checkly / Datadog / GitHub Actions + alerts
  4. Testing (0.5 day): run tests, adjust timeouts and locators
  5. Deployment and handover (0.5 day): documentation, training, access transfer

Total timeline — from 2 to 5 business days depending on number of scenarios. We'll evaluate your project for free — get in touch via email or messenger.

Test data management

  • Dedicated synthetic user with a production account
  • Payment method: test card (Stripe 4242)
  • Orders tagged as synthetic and excluded from reports
  • Daily cart and draft cleanup via API

Metrics and alerts

Metric Description Threshold
Availability % Percentage of successful runs < 99% → warning, < 95% → critical
Step duration Time per step (P95) > 3 sec → warning, > 5 sec → critical
Total flow duration Total scenario time > 10 sec → warning, > 20 sec → critical
First failure step Which step failed Any error → critical

Alerts: if 2 out of 3 checks from different regions fail — critical in PagerDuty. We set escalation to the team within 5 minutes.

Ready to implement Synthetic Monitoring and protect your business from downtime? Contact us — we'll evaluate your project in one day. Get a consultation with an engineer — we'll show you how to secure your project.

Why are unit tests important but not a panacea?

A bug found by a unit test costs minutes to fix. The same bug in production costs hours of incident response, compensations, and lost trust. In an online store project, a discount calculation error passed manual testing, went to production, and processed 37 orders at zero price in 4 hours. An automated test for edge cases would have caught it on the first push. With 7+ years in web application testing and over 200 projects delivered, we’ve seen this pattern repeat across industries.

Jest is the standard for JavaScript/TypeScript, but unit tests are justified only where there is isolated logic: transformation functions, validators, business rules, utilities. Testing React components with Jest + Testing Library is correct for behavioral tests: "button appears after loading", "form shows error on empty email". Snapshot tests (toMatchSnapshot) are a trap: they break on any layout change and become noise that developers update without looking. Code coverage is a poor quality metric: 80% coverage can be achieved with tests that check nothing. Coverage shows that code executed, not that it works correctly.

Criteria Jest Vitest
Speed for large projects Medium (Babel transformation) 10–20x faster (ES modules)
Integration with Vite Via plugin Native
Monorepos Requires configuration Out of the box

Vitest as an alternative to Jest for Vite projects: 10–20x faster due to native ES modules without Babel transformation. For monorepos with thousands of tests, the speed difference is noticeable. Wikipedia on unit testing describes the theoretical foundation — we apply it with real CI pipelines.

How to set up E2E tests that are not flaky?

Playwright outperforms Cypress on key parameters: native multi-tab, multi-origin, iframe support; parallel execution at test level; WebKit, Firefox, Chromium out of the box; no iframe for the app — tests run in a real browser.

Playwright codegen records actions and generates a test — a good starting point, but generated code needs refactoring. Locators by text content are fragile: getByRole('button', { name: 'Place order' }) is more robust than locator('.btn-primary').

Page Object Model is the standard for organizing E2E tests. Each page is a separate class with methods instead of direct locators. When a button moves from header to sidebar — change in one place, not across all tests.

Flaky tests typically arise from race conditions between request and render, animations without wait, and dependency on external APIs. Solution: page.waitForResponse() instead of page.waitForTimeout(), mocking external APIs via page.route().

// Bad
await page.click('#submit');
await page.waitForTimeout(2000);
await expect(page.locator('.success')).toBeVisible();

// Good
await page.click('#submit');
await page.waitForResponse(resp =>
  resp.url().includes('/api/orders') && resp.status() === 201
);
await expect(page.getByRole('alert', { name: /order created/i })).toBeVisible();

Our engineers guarantee test stability in CI. Playwright’s official documentation covers all API details — we use it daily on projects with millions of users.

How do Core Web Vitals affect ranking?

Google uses Core Web Vitals in ranking. Lighthouse CLI in CI pipeline: on every deploy we check that LCP < 2.5s, CLS < 0.1, INP < 200ms. Google Chrome study: 53% of users leave a site if it takes longer than 3 seconds to load — our tests prevent such losses.

Real problems that Lighthouse finds:

  • Hero image without width/height attributes: CLS 0.35 on load.
  • JavaScript bundle 2.1MB synchronously blocking parsing: INP 450ms.
  • Fonts without font-display: swap: invisible text until font loads (FOIT).
  • Unoptimized hero image 4MB: LCP 8.2s.

Lighthouse CI (lhci) saves metric history and posts a comment to PR with degradation. For one e‑commerce client, optimizing these metrics improved conversion by 18% and reduced server costs by $12k annually.

What does load testing solve?

k6 is a load testing tool with a JavaScript API. Scenarios are written as code, versioned in git, run in CI. Three main scenarios:

  • Spike test — sharp load increase: 0 → 1000 users in 30 seconds. Simulates a campaign launch. Shows system's ability to handle spikes.
  • Soak test — stable load for 2–4 hours. Detects memory leaks, connection pool exhaustion, performance degradation.
  • Stress test — load above expected (150–200% of peak). Shows breaking point and graceful degradation.

Thresholds:

thresholds: {
  http_req_duration: ['p95<500', 'p99<1000'],
  http_req_failed: ['rate<0.01'],
}

p95 < 500ms means 95% of requests respond faster than half a second. If threshold is not met, k6 exits with error code, CI pipeline fails.

In one online store project, we detected API degradation at the 4th hour of the test: p95 increased from 200ms to 2s due to connection leaks. After optimization, the client saved $15k per year on incident response and extra infrastructure.

Testing pyramid in a project

Level Tool Quantity Speed
Unit Vitest/Jest Many (thousands) <5 min
Integration Vitest + supertest Medium 5–15 min
E2E Playwright Few (happy path) 10–30 min
Load k6 On schedule 30–60 min
Performance Lighthouse CI On every deploy 5 min

What does the work include?

  • Audit of current coverage and identification of critical user flows.
  • Writing unit tests for key business logic, integration tests for API, E2E for user scenarios.
  • Setting up parallel execution in CI (sharded workers for Playwright).
  • Load testing with report and recommendations.
  • Test case documentation, training your team on test practices.
  • 1-month warranty support after implementation.
  • Delivery of all test artefacts (code, CI configs, run histories).

How do we work?

  1. Analysis — audit of current testing, identification of weak spots, priority setting.
  2. Design — tool selection, test plan writing, approval.
  3. Implementation — writing tests, CI integration.
  4. Testing — running all levels, result analysis, bug fixing.
  5. Deployment — going live, metric monitoring, team training.

Timeline

Setting up a full test pipeline (Jest + Playwright + k6 + Lighthouse CI) from scratch: 2–4 weeks. E2E test coverage of an existing project (20–30 scenarios): 3–6 weeks. Load testing with report and recommendations: 1–2 weeks. Cost calculated individually after audit.

Ready to discuss your project? Leave a request — we will audit your current web application testing for free and propose a plan that can save up to 60% on incident costs. Get a consultation on web application testing — contact us today.