Fix page elements that jump while loading

Prompt that finds elements moving the layout while loading and proposes fixes in order of effect. Paste it into an AI tool of your choice, which then fixes the jumping elements.

Topic: SEO & website copy
Type: Prompt
Level: Intermediate
Time: about 15 min

Results depend on the tool, the model and what you enter.

Result preview

Example: written by our editors, not real AI output.

Fill in

What you type stays in this browser window. We store and send nothing.

PageWhich page?

CausesWhat do you suspect?

MaterialWhat can you provide?

Your prompt

Help me stop page elements from jumping while the page loads.
Page: [Page]
Causes: [Causes]
Material: [Material]
Approach: 1. List the elements that appear late or change size, from the material. 2. Explain for each element why it moves the content below it. 3. Propose a fix per element: fixed width and height or aspect ratio for images and embeds, reserved space for banners and ads, suitable font loading. 4. Check that elements added after a click do not count as a problem, but those inserted by themselves do. 5. Sort the fixes by expected effect and effort. 6. Describe how to check the result on a slow phone connection.
Output: table of elements with cause, fix, effect and effort, plus a short test plan.

Take particular care to reserve space before content arrives and fix the biggest shifts first.

Before you answer, check: Are all instructions met? If key information is missing or a placeholder in square brackets is still in the text, ask instead of guessing. Mark assumptions as assumptions.

Help me stop page elements from jumping while the page loads.
Page: [Page]
Causes: [Causes]
Material: [Material]
Approach: 1. List the elements that appear late or change size, from the material. 2. Explain for each element why it moves the content below it. 3. Propose a fix per element: fixed width and height or aspect ratio for images and embeds, reserved space for banners and ads, suitable font loading. 4. Check that elements added after a click do not count as a problem, but those inserted by themselves do. 5. Sort the fixes by expected effect and effort. 6. Describe how to check the result on a slow phone connection.
Output: table of elements with cause, fix, effect and effort, plus a short test plan.

Take particular care to reserve space before content arrives and fix the biggest shifts first.

Before you answer, check: Are all instructions met? If key information is missing or a placeholder in square brackets is still in the text, ask instead of guessing. Mark assumptions as assumptions.

This is an instruction for an AI, not the result itself.

Where this prompt works

These AI tools are a good fit for this prompt:

Advertisement: Links marked * are advertising links. If a subscription or purchase comes about through one, we receive a commission.

How to use it

Fill in the fields or tap a suggestion. Leave out names, addresses and other personal data.
Copy the finished prompt into an AI tool of your choice.
A performance report from a common browser tool lists the shifting elements; paste that part.

Why does this work?

Content that jumps makes visitors click the wrong thing and leave. Reserving space before content arrives removes most shifts with small template changes.

Tips

Measure on real devices too; lab values alone can miss shifts that real visitors see.

You may use our prompts freely, including at work. Please do not republish them as your own collection. We give no warranty for AI results; check them yourself. Terms of use

Fix page elements that jump while loading

Result preview

Fill in

Your prompt

Where this prompt works

How to use it

Why does this work?

Tips

Also a good fit

Check and improve the results for your own name New

Find canonical chains and loops New

Make paginated category pages search-friendly New