Why Does Your Booking Button Jump When the Calendar Loads?

A customer opens a booking page on a phone and reaches for the appointment button. The scheduling widget finishes loading and pushes the button down. To fix the jump, record when the layout changes and identify which element takes up space late.

Reproduce the jump from an ordinary visit

Open the booking page on a narrow screen with a cold cache and a throttled connection. Record the screen as you scroll to the form, wait for the widget and switch to another date. Try it again when the third-party service is slow or unavailable. Check whether a cookie banner, custom font or error message appears at the same moment. The element that moves may be downstream of the component that caused the shift.

Reserve the space the widget needs

Google’s guide to optimising Cumulative Layout Shift recommends reserving space for late-loading embeds. Use a placeholder that fits the widget’s normal size at each breakpoint. For example, a booking calendar may need more vertical space on a narrow phone than on desktop. If the vendor offers a stable embed height, start there and test multiple dates, long labels and the provider’s error state.

A minimum height can reduce movement, but a widget that grows beyond that space can still push content. Avoid clipping the calendar or hiding actions behind an inner scrollbar. If the size is unpredictable, consider loading it below the introductory content or after a clear booking action. Always give customers a usable fallback if the embedded service fails to load.

Verify what the visitor can do

Test that the page’s primary booking action stays in view while the widget loads, and that a visitor can select a date and reach the confirmation controls with touch or a keyboard. Use Chrome’s performance tooling to inspect layout shifts and compare repeated runs. Use field data where available to see what real users experience across visits. A single lab run can miss shifts later in the journey. The Core Web Vitals guide explains where layout stability fits among other performance measures.

ITZ’s website speed optimisation service can review how third-party embeds affect key pages. Share the booking page and when the jump occurs.

Review your booking page layout shift

Send the page URL, the widget provider and a short description of the affected interaction. Use the form to discuss how to reproduce and verify the fix. Review Your Booking Page Layout Shift