Исправите грешку ЛЦП „Више од“ у основним виталним вредностима на ГСЦ-у

Гоогле је објавио нови извештај у претразиконзола под називом Цоре Веб Виталс. Ови извештаји су заменили брзину и сматраће се фактором рангирања 2021. Основни витални витални подаци ће се сматрати фактором рангирања заједно са Паге Спеед, ХТТПС. Прикладност за мобилне уређаје и други фактори на страници.

Цоре Веб Витал узима у обзир УКС и УИ елементе на страници како би сазнао просек странице за три основне метрике,

1. ЛЦП: Највећа садржајна боја
2. ФИД: Кашњење првог уноса
3. ЦЛС: Кумулативни помак распореда

Не постоји посебно кодирано решење за решавањепроблеме, али можете да оптимизујете веб локацију да бисте решили грешке. Овде ћу навести неке праксе које вам могу помоћи да решите Највећу садржајну боју (ЛЦП) „Више од' за ваше веб странице.

↑ Шта је ЛЦП?

Показатељи највеће садржајне боје (ЛЦП)време приказивања највећег елемента садржаја видљивог у оквиру приказа. Једноставно речено, потребно је време да се главни елемент учита на видљиви екран након што страница почне да се учитава.

↑ Који елементи се сматрају за ЛЦП?

Типови елемената који се разматрају за Највећу садржајну боју су;

• <имг> елементи
• <слика> елементи унутар <свг> елемент
• <видео> елементи
• Елемент са позадинском сликом учитан путем урл () функцију
• Елементи на нивоу блока који садрже чворове текста или друге подређене елементе текста на нивоу реда.

↑ Који су узроци високог ЛЦП?

• Споро време одзива сервера
• ЈаваСцрипт и ЦСС који блокирају приказивање
• Спора времена учитавања ресурса
• Приказивање на страни клијента

↑ Како оптимизовати веб локацију да поправи високи ЛЦП?

Користите добар хостинг са добрим временом одзива иниска стопа латенције. Обавезно оптимизирајте сервере, користите бесплатне ЦДН-ове независних произвођача попут Цлоудфларе-а, јсДеливр, Статички за брзу испоруку статичких средстава. Ако радите на ВордПресс-у, постоји читав низ додатака који могу да вам помогну да обавите посао.

Користите компримоване слике са форматима слика следеће генерацијепопут ЈПЕГ КСР, ЈПЕГ 2000 или ВебП. Ови модерни формати помажу убрзати учитавање слике за 50%. Постоји неколико додатака за ВордПресс који вам аутоматски помажу да компресујете и конвертујете слике у лету. Такође, користите сликовни ЦДН попут ВП-Пхотон да бисте смањили пропусност сервера и повећали брзину странице.

Можете користити услуге кеш меморије за учитавање статичког ХТМЛ-астраницу која се не мења на сваком захтеву, кеширање може спречити њено непотребно поновно стварање. Цацхе Плугинс ће чувати копију генерисаног ХТМЛ-а на вашем серверу, а када се затражи страница, сервер ослобађа учитавање кеша, што може смањити време до првог бајта (ТТФБ) и минимизирати употребу ресурса.

Такође можете да користите услуге попут Цлоудфларе-апокреће услужне раднике у позадини прегледача и може пресретати захтеве са сервера. Они узимају комплетан ХТМЛ предмеморију странице и прво послужују предмеморију ХТМЛ страница, што може значајно смањити време учитавања.

Друге важне ствари које треба узети у обзир је оптимизација веб странице за добар ЛЦП

• Елиминишите ЈаваСцрипт и ЦСС који блокирају приказивање
• Одложите некритични ЦСС
• Смањити ресурсе
• Унапред учитајте важне ресурсе

Можете да пронађете детаљнији водич о томе како да оптимизујете веб локацију како бисте смањили ЛЦП и убрзали учитавање страница ради бољег корисничког интерфејса на званична веб локација.Дев.

Закључак: Увођењем основних веб виталних функција у ГССи сматра се фактором рангирања. ЛЦП је веома важан показатељ за поправљање, јер узима у обзир време потребно за учитавање највећег елемента у прозору за приказ уређаја. Обезбедио сам неколико пробних исправки и решења за оптимизацију странице за ниски ЛЦП.