Како поправити ЈаваСцрипт и ЦСС који блокирају рендерирање у ВордПрессу

Да ли желите да уклоните ЈаваСцрипт и ЦСС који блокирају рендерирање у ВордПрессу? Ако тестирате веб локацију на увидима у Гоогле ПагеСпеед, вероватно ћете видети предлог за уклањање скрипти за блокирање приказивања и ЦСС-а. У овом чланку ћемо вам показати како лако поправити рендер блокирајући ЈаваСцрипт и ЦСС у ВордПресс-у да бисте побољшали свој Гоогле ПагеСпеед резултат.


Како да поправите рендер блокирање ЈаваСцрипт и ЦСС у ВордПресс-у

Шта су ЈаваСцрипт и ЦСС за блокирање рендера?

Свака ВордПресс веб локација има тему и додатке који додају ЈаваСцрипт и ЦСС датотеке на предњи крај ваше веб странице. Ове скрипте могу повећати време учитавања странице на вашој веб локацији и могу блокирати приказивање странице.

Кориснички прегледач мораће да учита те скрипте и ЦСС пре учитавања остатка ХТМЛ-а на страници. То значи да ће корисници на спорој вези морати да сачекају неколико милисекунди више да би видели страницу.

Ове скрипте и таблице стилова називају се ЈаваСцрипт-ом и ЦСС-ом који блокира рендерирање.

Власници веб локација који покушавају да постигну Гоогле ПагеСпеед резултат 100 требаће да реше овај проблем да би постигли савршен резултат.

Шта је Гоогле ПагеСпеед Сцоре?

Гоогле ПагеСпеед Инсигхтс је мрежни алат који је створио Гоогле како би помогао власницима веб локација да оптимизирају и тестирају своје веб локације. Овај алат тестира вашу веб локацију у складу са Гооглеовим смерницама за брзину и нуди предлоге за побољшање времена учитавања ваше веб локације.

Показује вам резултат на основу броја правила која ваша веб локација пролази. Већина веб локација долази негде између 50-70. Међутим, неки власници веб локација осећају се обавезним да постигну 100 (највише на страници која може да постигне).

Да ли вам је заиста потребан савршен „100“ Гоогле ПагеСпеед резултат?

Сврха увида у Гоогле ПагеСпеед је пружити вам смернице за побољшање брзине и перформанси ваше веб локације. Од вас се не захтева да се стриктно придржавате ових правила.

Имајте на уму да је брзина само једна од многих СЕО метрика која помажу Гооглеу да утврди како рангира вашу веб локацију. Разлог зашто је брзина толико важна је зато што побољшава корисничко искуство на вашој веб локацији.

Боље корисничко искуство захтева много више од брзине. Такође морате да понудите корисне информације, бољи кориснички интерфејс и привлачне садржаје са текстом, сликама и видео записима.

Ваш циљ би требао бити стварање брзе веб странице која нуди велико корисничко искуство.

Недавно смо редизајнирали ВПБегиннер, а задржали смо фокус на брзини и побољшању корисничког искуства.

Препоручујемо да користите Гоогле Пагеспеед правила као предлоге, а ако их можете лако имплементирати без нарушавања корисничког искуства, онда је то сјајно. У супротном, требате тежити да учините онолико колико можете, а затим не брините о осталом.

Рекавши то, погледајмо шта можете да поправите рендеру да блокира ЈаваСцрипт и ЦСС у ВордПресс-у.

Обухватит ћемо двије методе које ће поправити рендер блокирајући ЈаваСцрипт и ЦСС у ВордПрессу. Можете одабрати онај који најбоље функционира на вашој веб локацији.

1. Поправите скрипте за блокирање приказивања и ЦСС помоћу функције Аутоптимизе

Ова метода је једноставнија и препоручује се већини корисника.

Прво што требате да урадите је да инсталирате и активирате додатак за аутоматско подешавање. За више детаља погледајте наш корак по корак водич за инсталирање ВордПресс додатка.

Након активације, потребно је да посетите Подешавања »Аутоптимизе страницу за подешавање поставки додатка.

Аутоматски прилагодите подешавања

Можете почети тако што ћете потврдити поље поред ЈаваСцрипт опција и ЦСС могућности, а затим кликните на дугме сачувај промене.

Сада можете тестирати своју веб локацију помоћу алата ПагеСпеед. Ако још увек постоје скрипте за блокирање приказивања, морате се вратити на страницу поставки додатка и кликнути на дугме „Прикажи напредна подешавања“ на врху.

Напредне ЈаваСцрипт опције

Овде можете дозволити да додатак укључи уметнути ЈС и уклоните скрипте које су према заданим поставкама искључене попут сеал.јс или јкуери.јс.

Затим се померите доле до ЦСС опције и допустите додатку да агрегира уграђени ЦСС.

Кликните на дугме „Спреми промене и испразни предмеморију“ да бисте спремили измене и празни кеш додатка.

Након што завршите, наставите и поново проверите веб локацију помоћу алата ПагеСпеед.

Обавезно темељито тестирајте веб локацију да бисте видели да се ништа не поквари оптимизацијом ваших ЈаваСцриптс или ЦСС-а.

Како то функционише?

Аутоматски оптимизира све обједињене ЈаваСцрипт и ЦСС. Након тога, ствара минификоване ЦСС и ЈаваСцриптс датотеке и служи кеширане копије на вашој веб локацији као асинхронске или одложене..

Ово вам омогућава да поправите проблем скрипте и стилова који блокирају рендер. Међутим, имајте на уму да то такође може утицати на перформансе или изглед вашег вебсајта.

2. Поправите ЈаваСцрипт за блокирање рендера користећи В3 Тотал Цацхе

Ова метода захтева мало више рада и препоручује се корисницима који већ користе додатак В3 Тотал Цацхе на својој веб локацији.

Прво морате инсталирати и активирати В3 Тотал Цацхе додатак. Ако вам је потребна помоћ, погледајте наш водич о томе како инсталирати и поставити В3 Тотал Цацхе за почетнике.

Даље, морате да посетите Перформансе »Опште поставке странице и помакните се према доље до одјељка Минифи.

В3 Тотал Цацхе омогућава умањивање

Прво морате да потврдите „Омогући“ поред опције Минифи, а затим изаберите „Мануал“ за опцију минифи моде.

Кликните на дугме сачувај све поставке да бисте сачували своја подешавања.

Затим треба да додате скрипте и ЦСС које желите да умањите.

Можете да добијете УРЛ-ове свих скрипти и табела стилова који се блокирају уз помоћ Гоогле ПагеСпеед Инсигхтс алата.

Под приједлозима гдје пише: „Уклоните ЈаваСцрипт и ЦСС који блокирају приказивање у садржају који се налази на горњој страни преклопника“, кликните на „Прикажи како поправити“. Показаће вам листу скрипти и табела.

Набавите УРЛ-ове ЈаваСцрипта и Стилесхеет-а из Гоогле ПагеСпеед алата

Доведите миша до скрипте и он ће вам показати пуну УРЛ адресу. Можете да изаберете овај УРЛ, а затим да копирате УРЛ помоћу тастера ЦТРЛ + Ц (Цомманд + Ц на Мац тастатури) на тастатури.

Сада пређите на своје ВордПресс административно подручје и идите на Перформансе »Минифи страна.

Прво морате да додате ЈаваСцрипт датотеке које желите да буду компресоване. Померите се до дела ЈС, а затим под ставком „Операције у областима“ поставите врсту уградње на „Неблокирајућа асинхција“ за одељак.

Додајте скрипте да бисте их умањили

Затим треба да кликнете на дугме „Додај скрипту“, а затим почнете да додајете УРЛ адресе скрипте које сте копирали из Гоогле ПагеСпеед алата.

Након што завршите, дођите до ЦСС одељка, а затим кликните на дугме „Додај стилску таблицу“. Сада почните да додајете УРЛ табеле стилова које сте копирали из алата Гоогле ПагеСпеед.

Додајте табеле стилова да бисте их умањили

Сада кликните на дугме „Саве сеттингс анд пурге цацхе“ да бисте спремили подешавања.

Посетите алатку Гоогле ПагеСпеед и поново тестирајте веб локацију.

Обавезно темељито тестирајте и своју веб локацију да видите да ли све функционира у реду.

Решавање проблема

У зависности од тога како додаци и ваше ВордПресс теме користе ЈаваСцрипт и ЦСС, могло би бити прилично изазовно у потпуности поправити све појаве које блокирају ЈаваСцрипт и ЦСС проблеме.

Иако вам горњи алати могу помоћи, вашим додацима ће можда требати одређене скрипте на различитом нивоу приоритета да би правилно функционисале. У том случају, горе наведена решења могу сломити ваше додатке или би се могла понашати неочекивано.

Гоогле вам и даље може показати одређене проблеме попут оптимизације ЦСС испоруке изнад пресавијеног садржаја. Аутоматско оптимизирање омогућава вам да то поправите ручним додавањем уграђеног ЦСС-а потребног за приказ горњег подручја преклопа теме.

Међутим, могло би бити прилично тешко сазнати који ЦСС код ће вам требати за приказ изнад садржаја преклопа.

То је све, надамо се да је овај чланак помогао да научите како да поправите рендер блокирајући ЈаваСцрипт и ЦСС у ВордПрессу. Можда ћете желети да видите наш ултимативни водич за повећање брзине и перформанси ВордПресс-а за почетнике.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map