Bari 15, 2020

Yadda zaka cire fayilolin CSS JavaScript marasa amfani a cikin kalmaPress

Daga cikin dalilai da yawa don yawan shaharar WordPress akan yanar gizo, al'umman masu haɓaka shine cewa akwai adadi mai yawa na plugins da jigogi da ake dasu don gina gidan yanar gizo na al'ada tare da ɗan ƙoƙari kaɗan da saka hannun jari. Koyaya, lokacin da rubutun da yawa ke aiki akan rukunin yanar gizon, zai iya rage aikinta da lokacin loda shi.

Kodayake wasu rubutun ba sa buƙatar a ɗora su a lokaci guda, suna yin hakan kuma sun ƙare da hana masu amfani damar ganin abubuwan da ke cikin gidan yanar gizo da sauri wanda ke haifar da watsi da shafin saboda takaici. Abin takaici, akwai 'yan hanyoyi kaɗan waɗanda waɗannan abubuwan da ke hana JavaScript da fayilolin CSS za a iya cire su don ba wa gidan yanar gizon damar ɗorawa da sauri da isar da abubuwan ga masu kallo.

JavaScript da ke toshewa da CSS yayi bayani

Duk lokacin da gidan yanar gizo ta loda a cikin burauzar gidan yanar gizo, tana buƙatar dukkan rubutun da za su loda a layi. Idan saboda kowane irin dalili, layin rubutun ya ƙi sharewa, gidan yanar gizon baya nunawa. Waɗannan rubutun da suka ƙi ɗorawa ana kiransu azaman hana JavaScript da fayilolin CSS. Lokacin da shafin zai yi cikakken caji ya dogara da tsawon layin. Sau da yawa, yawancin rubutun da aka makale a cikin layin ba ma mahimmanci bane don bawa mai kallo damar ganin gidan yanar gizon a wancan lokacin kuma za'a iya sanya shi cikin sauƙi don jira har sai shafin yanar gizon ya cika sosai.

Fa'idodi mara kyau na Bayarwa-Tarewa JavaScript da CSS

Tasiri na farko da babba na sake sanya JavaScript da rubutun CSS akan gidan yanar gizon shine suna rage saurin lodin sa. Saurin shafin abu ne mai matukar mahimmanci wanda ke nuna yadda amfani da gidan yanar gizon yake da kuma yadda yake aiwatarwa a cikin SERPs. Idan shafin ya loda a hankali, to akwai yiwuwar baƙi su watsar da shi don wani shafin; boimar biyan kuɗi mai zuwa alama ce mai ƙarfi ta SEO wacce ke jan martabar injin injin bincike. Bisa lafazin bincikasari, fiye da ainihin lokacin da aka kashe wajen ɗora shafin, matsalar ita ce game da fahimtar masu amfani da lokacin da aka ɗauka don shafin yanar gizon ya ɗora. Tunda masu bincike suna kokarin loda komai, gami da rubutattun rubutun, a lokaci guda, ya kamata kuyi kokarin tabbatar da cewa rukunin yana daukar wadancan rubutun ne kawai wadanda ake bukata don shafin ya kasance mai amfani da farko, bayan wadannan, sauran rubutun zasu iya kaya.

Cire JavaScript da ke toshewa da Bayanai

Ko da kafin kayi ƙoƙarin cire rubutun-toshewar rubutun, zaka buƙaci gano rubutun da ke da alhakin matsalar. Amfani da Google's PageSpeed ​​Insights kayan aiki shine mafi sauki hanyar yin wannan. Ya kamata ku yi jerin rubutun da ke buƙatar kulawa sannan kuma ku yanke shawara ko kuna son warware matsalar da hannu ko amfani da fulogi, wanda aka tsara musamman don wannan dalilin.

Koyaya, idan kun aiwatar da wasu kyawawan halaye don rage adadin rubutun-toshewa akan shafin yanar gizonku yayin matakan ci gaba, ba kawai zaku sauƙaƙa wa kanku ba amma kuma tabbatar araha SEO. Wasu daga cikin dabaru na yau da kullun sun hada da sanya JavaScript da CSS ta hanyar cire farar sarari mara kyau da tsokaci a cikin lambar, hada kalmomin JavaScript, da fayilolin CSS don rage adadin su baki daya, tare da yin amfani da kayan aiki mara nauyi don jinkirta shigar da rubutun Java.

Kamar yadda hanyoyin suke da sauti, da hannu cire rubutun zai iya zama mai gajiyarwa saboda yawan adadin JavaScript da fayilolin CSS waɗanda suka zo tare da kowane ɗayan da ke fuskantar gaba. Duk da yake WordPress tana ba da cikakkiyar matattara ga duk ƙarshen ƙarshen fuskantar rubutun ta amfani da wanne, zaku iya gano duk fayilolin JavaScript masu shigowa ko fayilolin CSS; ya fi sauki a yi amfani da abin toshewa maimakon yin shi daga karce.

Plananan Plugins don Rage Yawan Javascript na toshewa da kuma rubutun CSS

WP Rocket

WP Rocket yana aiki a matsayin kayan aiki mai kyau don inganta rukunin yanar gizo saboda yana da matuƙar amfani kuma yana iya ɗaukar ayyuka iri-iri kamar ƙarancin CSS da JavaScript, jinkirta buƙatun JavaScript mai nisa, hotunan ɗagowa masu hoto, da ƙari. Duk da yake tsarin saiti mai sauƙi babban ƙari ne, toshewa zai buƙaci ku daidaita zuwa ƙwarewar dashboard ɗin WordPress fiye da abin da yawancin masu haɓaka suke amfani dashi. Kodayake roket na WP ya zo tare da fewan ƙarin freean kari, farashin tushe don gidan yanar gizo ɗaya yana farawa daga $ 49 kowace shekara.

Ɗaukaka

An gina shi musamman don magance matsalolin da aka gano ta kayan aiki kamar abubuwan da aka gani na PageSpeed, ptaukaka kai tsaye yana bawa masu amfani damar iya haɗa fulogin tare da sabon menu a cikin dashboard ɗin WordPress. Duk da yake Autoptimize yana aiwatar da dukkan ayyukan asali kamar ɓoyewa da ƙaramin rubutu, hakanan zai iya inganta da sauya hotuna zuwa tsarin fayil ɗin gidan yanar gizo. Kodayake daidaitawa yana iya zama ɗan wahala kaɗan, an toshe kayan aikin kyauta sosai don ayyukanta. Tsarin tsari na al'ada na $ 165 da kuma $ 667 ƙwararriyar shirin toshewa tare da ƙwararrun masanin yanar gizo suma ana samun su.

JCH Inganta

JCH Ingantawa yana ba da saitin kayan aikin musamman don haɓaka saurin lodin shafinku. Misali, zai iya rage girman shafi da yawan buƙatun HTTP da ake buƙata don loda shafukan yanar gizo waɗanda suke da tasirin rage nauyi a kan sabar da kuma rage abin da ake buƙata na bandwidth.

Generator na Sprite wanda ke jujjuya hotunan baya zuwa cikin sprites don haka shigar da burauza yana buƙatar buƙatun HTTP kaɗan. Yayinda masu amfani zasu so aikinta na ci gaba, ƙirar koyo mai tsayi na iya zama ma'anar zafi kodayake akwai wadatattun takaddun tallafi don tabbatar da shigarwa mara kuskure. Kuna iya farawa ta amfani da sigar kyauta; duk da haka, idan kuna son samun damar abubuwan haɓaka, kuna buƙatar biyan kuɗi zuwa ɗayan shirye-shiryen farawa daga $ 29 na watanni shida.

Cire fayilolin CSS JS marasa amfani a cikin WordPress

Akwai iyawa na asali na 4 lokacin da kuke buƙatar ficewar bayanan CSS JS marasa amfani a ƙarshen gaba na WordPress:

  • wp_deregister_script ($ rike)
  • wp_dequeue_script ($ rike)
  • wp_deregister_style ($ rike)
  • wp_dequeue_style ($ rike)

// fitar da abubuwan sarrafawar da bamu bukatar damuwa dasu, kowanne da yanayinsa

add_action ('wp_print_scripts', 'wra_filter_scripts', 100000);

add_action ('wp_print_footer_scripts', 'wra_filter_scripts', 100000);

aiki wra_filter_scripts () {

#wp_deregister_script ($ rike);

#wp_dequeue_script ($ rike);

wp_deregister_script ('bbpress-edita');

wp_dequeue_script ('bbpress-edita');

// Na'urar pixels na Na'ura

// wannan yana inganta manufofin Gravatars da wordpress.com canja wurin akan hi-res da shirye-shiryen zuƙowa. Muna da Gravatars kawai don haka ya kamata mu zama ba tare da shi ba.

wp_deregister_script ('devicepx');

wp_dequeue_script ('devicepx');

idan (! is_singular ('takardu')) {

wp_deregister_script ('toc-gaban');

wp_dequeue_script ('toc-gaban');

}

idan (! is_singular (tsararru ('docs', 'post'))) {

wp_deregister_script ('codebox');

wp_dequeue_script ('codebox');

}

}

// cire salon da bamu bukata

add_action ('wp_print_styles', 'wra_filter_styles', 100000);

add_action ('wp_print_footer_scripts', 'wra_filter_styles', 100000);

aiki wra_filter_styles () {

#wp_deregister_style ($ handle);

#wp_dequeue_style ($ rike);

// ba sauran salon bbpress.

wp_deregister_style ('bbp-tsoho');

wp_dequeue_style ('bbp-tsoho');

// ba a amfani da saka idanu a cikin gaba ba.

wp_deregister_style ('wp_dlmp_styles');

wp_dequeue_style ('wp_dlmp_styles');

idan (! is_singular ('takardu')) {

// ana amfani da jerin abubuwan toshe-kayan da ke cikin shafukan rubuce-rubuce kamar yadda suke

wp_deregister_style ('toc-allon');

wp_dequeue_style ('toc-allon');

}

// wannan bai kamata ya zama kamar wannan ba. Bukatar bincika shi.

wp_deregister_style ('wppb_stylesheet');

wp_dequeue_style ('wppb_stylesheet');

}

idan (! is_singular (tsararru ('docs', 'post'))) {

wp_deregister_style ('codebox');

wp_dequeue_style ('akwatin rubutu');

}

}

Gaskiya mafi kyawun yanki na yin shi kamar haka shine zaku iya amfani da alamun ƙuntatawa na WordPress don mai da hankali kan takamaiman shafi ko kowane nau'in rubutu na al'ada. Wannan yana ba mu damar daidaitawa dole mu tara bayanan CSS / JS ɗinmu daidai inda ake buƙata.

Kammalawa 

Tabbatar da cewa rukunin gidan yanar gizonku da sauri yana da mahimmanci don zama mai amfani da mai amfani da kuma hana saurin billa daga nutsar da aikin ku na SEO. Duk da yake akwai dalilai da yawa da yasa shafin yanar gizan ku na WordPress bazai yuwu da sauri ba, dalili na gama gari shine layin da ba dole ba na sanya-toshe JavaScript da rubutun CSS da suka samo asali daga amfani da plugins.

Don magance matsalolin da hatta rubutu mai tsafta ba zai iya magance su ba, yana iya zama mai amfani don amfani da ɗayan keɓaɓɓiyar toshe wanda aka tsara don rage adadin JavaScript da rubutun CSS da kuma tabbatar da cewa layin da ba dole ba samuwar rubutun ba ya jinkirta shafin lodi.

Game da marubucin 

Imran Uddin


{"email": "Adireshin imel ba daidai ba ne", "url": "Adireshin gidan yanar gizo ba shi da inganci", "required": "Filin da ake buƙata ya ɓace"}