The URL in question has been identified to contain more than one viewport <meta> tags within the <head> section.
Why is this important?
The viewport of a browser refers to the visible area where web content is displayed. This area changes with different devices, being smaller on mobile phones than on computer screens. A single <meta> viewport element provides instructions to the browser on how to manage the page's size and scale.
Hence, utilizing a single viewport tag is necessary to avoid selection conflicts and potential mobile rendering problems.
What does the Optimization check?
The Optimization will be activated for any internal URL hosting several viewport meta tags.
Examples that trigger this Optimization:
URLs with more than one viewport <meta> tag in the <head> will activate this Optimization:
<!doctype html><html lang="en"><head> <meta name="viewport" content="width=device-width, initial-scale=1"> ... <meta name="viewport" content="width=320"></head><body>...</body></html>
How do you resolve this issue?
Eliminate the surplus viewport definitions until you are left with a single one.
A single viewport can cater to various screen sizes, for instance:
<meta name="viewport" content="width=device-width, initial-scale=1">