Поправите Гоогле ПагеСпеед Искључите ЈаваСцрипт и ЦСС који блокирају рендере у садржају изнад линије

Решите блокирање приказивања Јавасцрипт-а и ЦСС-а

Гоогле ПагеСпеед [1] тест Елиминација ЈаваСцрипт-а и ЦСС-а који блокирају рендере у садржају изнад линије предлажу вам да испоручите ЈС и ЦСС датотеке вашег сајта након што је ХТМЛ у потпуности учитан - и стога не заустављате ХТМЛ оптерећење да их преузмете.

Дефиниција скрипте за блокирање приказивања: Скрипте које се учитавају пре него што се рашчлани пуни ХТМЛ ДОМ. На пример, скрипте укључене у заглавље или у садржај, без икаквих посебних упутстава за прегледаче да одлажу учитавање скрипте све док не заврши ХТМЛ боја.

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

1. Нека спољни систем оптимизује вашу веб локацију за вас
   
2. Користите ЦДН који ће у ваше име извршити све могуће оптимизације, укључујући три следеће оптимизације неопходне за поправљање уклањања ресурса који блокирају приказивање:
   
3. Одложите учитавање Јавасцрипт датотека
   
4. Учитајте ЦСС након учитавања ХТМЛ-а
   
5. Користите ВордПресс додатак
   

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

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

Ако ове проблеме решите за радну површину, истовремено ћете елиминисати ресурсе који блокирају приказивање за мобилне уређаје, јер су оба потпуно иста!

Did you know that you can even have all these steps executed automatically for you by using an external  Сите Спеед Аццелератор   technology, which through artificial intelligence will preload your site, optimize it, and deliver it to your visitors? It is possible with tools such as Ezoic platform offering, with a free trial and no credit card required. Otherwise, implement below optimizations in your website!

Одложите учитавање Јавасцрипт датотека

Да бисте одложили оптерећење ваших ЈС датотека [2], можете додати асинц или дефер инструкцију у своје скрипте линкове. Асинц неће гарантовати да су учитани у истом редоследу - стога, ако имате неколико скрипти које треба покренути један за другим, одлагање је пожељно да гарантује редослед:

Учитајте ЦСС након учитавања ХТМЛ-а

Да би се ЦСС учитао након преношења потпуног ХТМЛ-а, Гоогле предлаже [3] овај комад кода за додавање на крају ХТМЛ-а, на пример након ознаке за закључавање ногу и пре затварања тела:

Да би оптимизали своју веб страницу, такође је добра идеја уклонити неискориштени ЦСС код, операцију која може бити мучна ако немате знање у веб дизајну. Ако нисте сами креирали тему веб локације, можда је то да користите спољни систем да бисте уклонили неискоришћени ЦСС код на вашим страницама у ваше име, као што је ЕЗОИЦ скок на пример, нова (и потпуно бесплатна) верзија њиховог невероватног места Брзи гас.

Прођите тест брзине Гоогле странице!

Ово ми је омогућило да прођем тест  Гоогле ПагеСпеед   [1] да уклоним ЈаваСцрипт и ЦСС који блокирају рендере у садржају изнад линије (заједно са кеширањем претраживача левераге-а [4]) на веб сајту, што је у порасту од броја 51 на мобилном телефону Фиг. 1) до 72 (Слика 2), и од 59 (Слика 3) до 79 на радној површини (Слика 4).

Како елиминисати ресурсе који блокирају рендерирање у ВордПрессу

Да бисте елиминисали ресурсе који блокирају рендерирање у ВордПресс-у, потребно је инсталирати плугин као што је ЈетПацк.

Затим идите на опције, за које морате бити администратор, и идите на ЈетПацк опције> Писање> Перформансе и брзина> означите Омогући акцелератор локације, убрзајте време учитавања слике, убрзајте време учитавања статичке датотеке и омогућите лазно учитавање за имагес.

Леарн Сео Основе: Енролл Данас!

Појачајте видљивост и саобраћај своје веб странице савладавајући основе СЕО-а са нашим курс који је лако следити основни курс.

Почните да учите СЕО

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

Такође, не заборавите да одложите утоваривање Слике офф-екрана помоћу функције лијене оптерећење. Иако је некада било тешко и захтевати спољну библиотеку да одложи утоваривање Слике офф-а, сада је то могуће на ХТМЛ5!

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

<img src=”SRC” alt=”ALT” loading=”lazy”></img>

Поврх тога, лијени лоадинг такође ради са ИФРамес-ом и важна је примена за уклањање ресурса за блокирање рендера са веб страница.

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

Нека спољни систем оптимизује вашу веб локацију

Знате ли да бисте у ствари могли да решите све проблеме са  Гоогле ПагеСпеед   без вашег напора, без већег напора са ваше веб локације - осим регистровања за бесплатно пробно време и промене вашег ДНС-а?

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

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

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

Често Постављана Питања

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

Да бисте елиминисали ЈаваСцрипт и ЦСС за блокирање садржаја изнад прекривене, требало би да осигурате да су ЈС и ЦСС датотеке ваше веб локације учитавају након што је ХТМЛ потпуно учитан. То значи да не паузира ХТМЛ процес учитавања за преузимање ових датотека. ЈаваСцрипт датотеке можете одложити са АСИНЦ или одложите атрибут и за ЦСС можете да користите одређени код да бисте је учитали након ХТМЛ-а. Систем спољног оптимизације попут * ЕЗОИЦ * такође може то аутоматски поднијети.

Како веб програмери могу да се баве препоруком Гоогле Сиггееееееееед за уклањање ЈаваСцрипт-а и ЦСС-а за блокирање рендера?

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

Перфецт Цхроме Стил хотела: Шта се догађа?