אזור התצוגה הוא החלק בחלון הדפדפן שבו ניתן לראות את תוכן הדף. כשרוחב התוכן בדף קטן או גדול מרוחב אזור התצוגה, יכול להיות שהוא לא יופיע כמו שצריך במסכים של ניידים. לדוגמה, אם רוחב התוכן גדול מדי, ייתכן שהתוכן יוקטן כדי שיתאים לו ויקשה על קריאת הטקסט.
איך בדיקת רוחב התוכן ב-Lighthouse נכשלת
Lighthouse מסמן דפים שהרוחב שלהם לא זהה לרוחב של אזור התצוגה:
![ביקורת של Lighthouse שמראה תוכן שהגודל שלו לא נכון עבור אזור התצוגה](https://developer.chrome.com/static/docs/lighthouse/pwa/content-width/image/lighthouse-audit-showing-d4b33e60becd3.png?authuser=5&hl=he)
הביקורת תיכשל אם הערך של window.innerWidth
לא שווה ל-window.outerWidth
.
איך להתאים את הדף למסכים של ניידים
הביקורת הזו היא דרך עקיפה לקבוע אם הדף שלכם עבר אופטימיזציה למכשירים ניידים. לקבלת סקירה כללית על יצירת דף שמתאים לניידים, קראו את העקרונות הבסיסיים של עיצוב אתר רספונסיבי של Google.
אפשר להתעלם מהבדיקה אם:
- אין צורך לבצע אופטימיזציה של האתר למסכים של מכשירים ניידים.
- רוחב התוכן של הדף קטן או גדול במכוון מרוחב אזור התצוגה.