Kā noņemt neizmantoto CSS un JS pakalpojumā WordPress (ļoti vienkārši)
Ja ir daudz neizmantotu CSS, tas var palēnināt vietnes darbību. Ja pārbaudīsit savu vietni, izmantojot Google PageSpeed ieskatu, iespējams, tiks parādīts brīdinājums noņemt neizmantoto CSS. Ir vienkāršs veids, kā to izdarīt bez kodēšanas un tehniskas dabas.
Ja jūsu vietnē ir daudz neizmantotu CSS un JS, tas var samazināt vietnes ielādes laiku. Ja izmantojat vietni, izmantojot a ātruma pārbaudes rīki piemēram, Google PageSpeed Insight, jūs varat saņemt brīdinājumu noņemt neizmantoto CSS.
Par laimi, ir ļoti vienkāršs veids, kā to izdarīt. Jums nav jābūt īpašām tehniskām zināšanām, lai varētu noņemt neizmantoto CSS un JS no savas WordPress vietnes.
Tas ir saistīts ar pārsteidzošu spraudni, kas pazīstams kā Līdzekļu tīrīšana: lapas ātruma pastiprinātājs. Izmantojot šo spraudni, neizmantoto CSS noņemšana ir tikpat vienkārša kā noklikšķināšana uz dažām pogām. Alternatīvi, ja jūs neiebilstat tērēt dažus dolārus gadā, ar WP Rocket, ir noņemta neizmantotā CSS poga, vienkārši aktivizējiet to, un spraudnis automātiski noņems visu neizmantoto CSS.
Checkout: 7 populārākais pārvaldītais Google mākoņa WordPress mitināšana
Kas ir neizmantots CSS?
Nelietots CSS ir CSS fails, kas atrodas lapā, bet lielākoties nav nepieciešams lapas ielādei. Kad apmeklētājs atver vietni, pārlūkprogrammai parasti ir jālejupielādē, parsē un jāapstrādā visas apmeklētās lapas ārējās stila lapas, pirms tā var parādīt lapas saturu apmeklētājam. Ja šādā lapā pastāv kāds CSS, kas šajā lapā netiek izmantots, pārlūkprogramma tērēs tam savu laiku.
Klasisks piemērs tam ir lielākā daļa izmantoto saziņas veidlapu spraudņu. Lai gan šie spraudņi lielākoties tiek izmantoti tikai lapā Sazinieties ar mums, ielādējiet to CSS visā vietnē. Nav svarīgi, vai tā ir mājas lapa, kurā tā netiek izmantota, CSS tiks ielādēts.
Ja ir pārāk daudz CSS, kas nav nepieciešami, bet tiek ielādēti un palēnina pārlūkprogrammas laiku, lai lasītu un parādītu lapu, tā var kļūt par problēmu.
Izņemot spraudņus, motīvu izstrādātāji failā style.css ieraksta daudzas lietas, kas lielākoties nav vajadzīgas. Bet neatkarīgi no tā, vai tas ir nepieciešams vai nē, tie tiek ielādēti ikreiz, kad tiek ielādēta jūsu vietne!
Viens neizmantots CSS var nebūt problēma, taču daudz neizmantotu CSS var ietekmēt jūsu vietnes ielādes laiku.
Checkout: 10 ātrākie un labākie WordPress motīvi
Kā identificēt neizmantoto CSS
Nelietotu CSS un JS atrašana ir ļoti vienkārša. Ir divas pieejas, kuras es ieteikšu.
Viens no tiem ir vietnes analīze, izmantojot Google PageSpeed Insight. Pārbaudiet, vai jūsu vietnē nav izmantota CSS problēma. Noklikšķiniet uz tā, un jūs varēsiet noteikt par to atbildīgo jūsu vietnes komponentu.
No augšas var redzēt, ka ir reģistrēts viens neizmantota CSS gadījums. Apskatot šo, es varu redzēt neizmantotā CSS spraudni un atrašanās vietu.
Otra iespēja ir iegūt detalizētāku analīzi. To var panākt, izmantojot Chrome Dev rīkus.
Savā Chrome pārlūkprogrammā atveriet Chrome Dev rīkus un pēc tam pārejiet uz pārklājumu. Pēc tam pārklājuma zonā noklikšķiniet uz pārlādēšanas pogas. Jūs varat atrast a visaptverošs ceļvedis, kā to izdarīt Google izstrādātāju rīkā.
Otra iespēja ir izmantot jitbit, lai meklētu neizmantotus CSS atlasītājus. Jūs varat arī izmantot Attīrīt CSS lai atrastu neizmantoto CSS
Kā noņemt neizmantoto CSS
Veiciet šīs darbības, lai no WordPress noņemtu neizmantoto CSS:
1. Instalējiet rīku Asset CleanUp
Dodieties uz spraudni, pēc tam pievienojiet jaunu. Pēc tam lapas Pievienot jaunu spraudni meklēšanas lodziņā ierakstiet “Asset CleanUp”. Instalējiet un aktivizējiet spraudni.
2. Dodieties uz spraudņa iestatījumiem
Lai piekļūtu spraudņa iestatījumiem, WordPress informācijas panelī noklikšķiniet uz iestatījumiem, pēc tam noklikšķiniet uz Asset CleanUp.
3. Izlādējiet nevēlamos CSS un JS
Pirms sākat spraudņa iestatījumus, iespējams, jums būs jāpiekrīt, ka zināt, kā spraudnis darbojas zem tauku noņemšanas krāna.
Lai izlādētu CSS un JS, noklikšķiniet uz CSS un JSS pārvaldnieks. No turienes varat noņemt visus nevajadzīgos CSS un JS. Varat to noņemt tikai sākumlapai, visai vietnei vai noteiktam URL. Varat arī noņemt ziņas, lapas vai kategorijas.
Piemērs ir izlādēt visas saziņas veidlapas no ielādes, izņemot lapu Sazinieties ar mums
Nesteidzieties un izlādējiet visus CSS un JS, par kuriem zināt, ka tie nav nepieciešami. Pēc pabeigšanas noteikti pārbaudiet savu vietni, lai pārliecinātos, ka viss ir kārtībā.
Noņemiet neizmantotos CSS WordPress spraudņus
Šeit ir daži spraudņi, kurus varat izmantot, lai programmā WordpPress noņemtu neizmantoto CSS:
1. Līdzekļu tīrīšana: lapas ātruma pastiprinātājs
Līdzekļu tīrīšana: lapas ātruma pastiprinātājs ļauj viegli noņemt neizmantoto CSS un JSin WordPress pat iesācējiem. Viss, kas jums jādara, ir deaktivizēt noteiktu CSS, kas nav nepieciešams konkrētai lapai.
Varat arī deaktivizēt atsevišķas ziņas. Izmantojot premium versiju, varat deaktivizēt neizmantoto CSS/JS, izmantojot spraudņus.
Šis spraudnis ir pilnīgs veiktspējas spraudnis ar daudzām citām iespējām, lai paātrinātu WordPress. Neizmantotā CSS/JS noņemšana ir tikai daļa no tā.
Šajā amatā es izmantoju šo spraudni, kuram ir ceļvedis.
2. WP Rocket
WP Rocket ir WordPress premium veiktspējas spraudnis numur viens. Ja esat noob, es domāju, ja neesat pieredzējis vai nepārprotami ar WordPress, tad WP Rocket ir vienkāršākais veids, kā noņemt neizmantoto CSS.
Jums ir jāiegādājas spraudnis. Kad tas ir izdarīts, varat to lejupielādēt no sava konta vai meklēt e-pastā lejupielādes saiti.
Instalējiet spraudni, izmantojot informācijas paneli> spraudņi> Pievienot jaunu> Augšupielādēt.
Vienkārši dodieties uz WP Rocket iestatījumiem, pēc tam noklikšķiniet uz cilnes “Failu optimizācija”. Pēc tam ritiniet uz leju un redzēsit “Noņemt neizmantoto CSS”, atzīmējiet izvēles rūtiņu, saglabājiet un notīriet kešatmiņu.
3. Perfmatters
Parfimērijas ir premium klases spraudnis, ko izstrādājuši Braiens Džeksons un viņa brālis Brets Džeksons. Šis spraudnis var palīdzēt ļoti viegli noņemt neizmantoto CSS.
Pirmkārt, jums ir jāiegādājas spraudnis. Pēc tam instalējiet to. Aktivizēt licenci. Pārejot uz iestatījumiem, ieslēdziet skriptu pārvaldnieku.
Vienkārši dodieties uz jebkuru savas vietnes lapu vai ziņu, informācijas paneļa izvēlnē redzēsit skriptu pārvaldnieka ikonu, noklikšķiniet uz tās. Jūs varēsiet noņemt neizmantoto CSS un JS no lapas vai globāli.
Šis spraudnis ir veiktspējas spraudnis, un tam ir daudz citu iespēju, lai paātrinātu WordPress. Neizmantotā CSS/JS noņemšana ir daļa no tā.
4. CSS JS pārvaldnieks
CSS JS pārvaldnieks var īpaši noņemt CSS vai JS no mobilajām ierīcēm vai darbvirsmas. Atkarībā no tā, ko vēlaties sasniegt.
Šis spraudnis var arī atlikt CSS vai JS failu ielādi.
Secinājumi
Ja jums ir daudz neizmantotu CSS un JS, jūs pamanīsit lielu ātruma un veiktspējas rādītāju uzlabošanos.
Var būt neiespējami noņemt visus neizmantotos CSS, taču varat tos samazināt līdz minimumam. Es izmantoju līdzekli Asset CleanUp, lai noņemtu neizmantoto CSS TargetTrend.
Atcerieties, optimizējiet, bet neesiet pārāk apsēsts ar to, ja vien nevēlaties, lai jūsu vietne izskatītos līdzīgi ātrākā vietne pasaulē.
Arī lasīt:
Kā pakalpojumā WordPress novērst renderēšanas bloķējošos resursus
Saistītie raksti
