תקן שגיאה 'יותר מ-' LCP בחיוניות אינטרנט ליבות ב- GSC
תוֹכֶן:
גוגל פרסמה דוח חדש בחיפושקונסולה בשם Core Web Vitals. אלה החליפו דוחות מהירות והולכים להיחשב כגורם דירוג בשנת 2021. ה- Vitals Web Core ייחשבו כגורם דירוג יחד עם Page Speed, HTTPS. ידידותית לנייד וגורמים אחרים בדף.
ה- Core Web Vital שוקל אלמנטים של UX ו- UI בדף כדי לגלות את הממוצע של עמוד לשלושה מדדי ליבה,
- LCP: הצבע הכי מרוצה
- FID: עיכוב קלט ראשון
- CLS: שינוי פריסה מצטברת
אין תיקון מקודד מסוים לפתרוןהבעיות, אך תוכל לבצע אופטימיזציה לאתר כדי לפתור את השגיאות. כאן אפרט כמה מהפרקטיקות שיכולות לעזור לך לפתור את הצבע הגדול ביותר (LCP) 'יותר מ' עבור דפי האינטרנט שלך.
↑ מה זה LCP?
דוחות המדדים הגדולים ביותר (LCP)זמן העיבוד של אלמנט התוכן הגדול ביותר הגלוי בתצוגה. במילים פשוטות, זה הזמן שלוקח לטעון אלמנט מרכזי על המסך הניתן לצפייה לאחר טעינת הדף.
כדי לספק חוויית משתמש טובה, אתרים צריכים לשאוף שהצבע הגדול ביותר של התוכן יופיע במהלך הראשון 2.5 שניות של העמוד מתחיל לטעון.
↑ אילו אלמנטים נחשבים עבור LCP?
סוגי האלמנטים הנחשבים לצבע הכי מרוצה הם:
<img>אלמנטים<תמונה>אלמנטים בתוך<svg>אֵלֵמֶנט<וידאו>אלמנטים- אלמנט עם תמונת רקע נטען דרך
url ()פוּנקצִיָה - אלמנטים ברמת הבלוק המכילים צמתים טקסטיים או ילדים אחרים המרכיבים רכיבי טקסט מוטבעים אחרים.
↑ מהן הגורמים ל- LCP גבוה?
- זמני תגובת שרת איטיים
- JavaScript ו CSS חוסם עיבוד
- זמני טעינת משאבים איטיים
- עיבוד בצד הלקוח
↑ כיצד לייעל את האתר לתיקון LCP גבוה?
השתמש באירוח טוב עם זמן תגובה טוב וקצב חביון נמוך. הקפד לבצע אופטימיזציה לשרתים, השתמש בחינם CDN של צד שלישי כמו Cloudflare, jsDelivr, באופן סטטיסטי כדי לספק נכסים סטטיים במהירות. אם אתה עובד על WordPress אז ישנם מספר תוספים שיכולים לעזור לבצע את העבודה בשבילך.
השתמש בתמונות דחוסות עם פורמטים של תמונות מהדור הבאכמו JPEG XR, JPEG 2000 או WebP. פורמטים מודרניים אלה מסייעים להאיץ את עומס התמונה ב -50%. יש מעט תוספים עבור WordPress שעוזרים לך לדחוס ולהמיר את התמונות באופן אוטומטי באופן אוטומטי. כמו כן, השתמש ב- CDN תמונה כמו WP-Photon כדי להפחית את רוחב הפס של השרת ולהגדיל את מהירות האתר.
אתה יכול להשתמש בשירותי מטמון כדי לטעון HTML סטטיבדף שלא משתנה בכל בקשה, המטמון יכול למנוע את יצירתו מחדש ללא צורך. תוספי מטמון יאחסנו עותק של ה- HTML שנוצר בשרת שלך וכאשר מתבקש דף השרת משחרר את עומס המטמון שיכול להפחית את הזמן לבית ראשון (TTFB) ולמזער את השימוש במשאבים.
אתה יכול גם להשתמש בשירותים כמו Cloudflare אשרמריץ עובדי שירות ברקע הדפדפן ויכול ליירט בקשות מהשרת. הם לוקחים מטמון HTML מלא של הדף ומגישים מטמון ראשון של דפי HTML אשר יכולים להפחית משמעותית את זמן הטעינה.
דברים חשובים אחרים שיש לקחת בחשבון הוא לייעל את האתר לטובת LCP טוב
תוכל למצוא מדריך מפורט יותר כיצד לבצע אופטימיזציה לאתר כדי להפחית את ה- LCP ולגרום לטעינת הדפים שלך להיות מהירה יותר עבור UX טוב יותר ב- אתר רשמי Web.Dev.
סיכום: עם כניסתם של חיוני רשת מרכזיים ב- GSCוזה נחשב כגורם דירוג. LCP הוא מדד חשוב מאוד לתיקון מכיוון שהוא לוקח לב לזמן שלוקח לטעינת האלמנט הגדול ביותר בתצוגה של המכשיר. סיפקתי כמה תיקונים ופתרונות סתמיים לייעול האתר ל LCP נמוך.
טריקים
טריקים