Naisip mo na ba kung paano naapektuhan ng mga plugin ng WordPress ang oras ng pagkarga ng iyong site? Pinapayagan ka ng mga plugin ng WordPress na magdagdag ng mga tampok sa iyong site, ngunit maaari rin nilang makaapekto sa bilis ng iyong website. Sa artikulong ito, ipapakita namin sa iyo kung paano nakakaapekto ang mga plugin ng WordPress sa oras ng pag-load ng iyong site, at kung paano mo makontrol ang mga ito nang mas mahusay.
Paano Gumagana ang WordPress Plugin?
Ang mga plugin ng WordPress ay tulad ng apps para sa iyong WordPress site. Maaari mong i-install ang mga ito upang magdagdag ng higit pang mga tampok sa iyong website tulad ng mga form sa pakikipag-ugnay, mga gallery ng larawan, o isang tindahan ng ecommerce.
Kapag may bumisita sa iyong website, ang unang WordPress ay naglo-load ng mga pangunahing file nito at pagkatapos ay naglo-load ang lahat ng iyong mga aktibong plugin.
Para sa higit pang mga detalye, tingnan ang aming artikulo tungkol sa kung ano ang WordPress plugin? At paano gumagana ang mga ito ?.
Paano Maapektuhan ng mga Plugin ang Oras ng Pag-load ng Site?
Ang bawat WordPress plugin ay nag-aalok ng iba’t ibang pag-andar at tampok. Upang gawin iyon, ang ilang mga plugin ay gumawa ng mga tawag sa database sa backend habang ang iba ay nag-load ng mga asset sa front-end tulad ng mga estilo ng CSS, mga file ng JavaScript, mga imahe, atbp.
Ang paggawa ng mga query sa database at pag-load ng mga asset ay nagdaragdag hanggang sa oras ng pag-load ng iyong site. Ang karamihan sa mga plugin ay gumawa ng HTTP na kahilingan upang mag-load ng mga asset tulad ng mga script, CSS, at mga imahe. Ang bawat kahilingan ay nagdaragdag ng oras ng pag-load ng pahina ng iyong site.
Kapag tapos na nang maayos, ang epekto ng pagganap ay kadalasang hindi masyadong halata.
Gayunpaman, kung gumagamit ka ng maraming mga plugin na gumagawa ng napakaraming mga kahilingan sa http upang mag-load ng mga file at mga asset, makakaapekto ito sa pagganap ng iyong site at karanasan ng user.
Paano Mag-check ng Mga File Na-load ng WordPress Plugin?
Upang makita kung paano naaapektuhan ng mga plugin ang iyong oras ng pag-load ng pahina, kailangan mong suriin ang mga file na na-load ng WordPress plugins.
Maraming mga tool na maaari mong gamitin upang malaman ito.
Maaari mong gamitin ang mga tool ng nag-develop ng iyong browser (Siyasatin sa Google Chrome at Suriin ang Sangkap sa Firefox).
Bisitahin lamang ang iyong website at i-right click upang piliin ang Inspect. Bubuksan nito ang panel ng mga tool ng developer.
Kailangan mong mag-click sa tab na ‘Network’ at pagkatapos ay i-reload ang iyong website. Habang nagre-reload ang pahina, magagawa mong makita kung paano naglo-load ang iyong browser sa bawat file.
Maaari mo ring gamitin ang mga tool ng third-party tulad ng Pingdom at GTmetrix upang makita ito. Kabilang sa iba pang kapaki-pakinabang na impormasyon, ipapakita din sa iyo ng mga tool na ito ang lahat ng mga file na na-load at kung gaano karaming oras ang kinuha nila upang mai-load.
Ilang Plugin ay Masyadong Maraming?
Habang nakikita mo ang mga file na ito na nai-load, maaari mong simulan ang nagtataka kung gaano karaming mga plugin ang dapat kong gamitin sa aking site? Gaano karami ang mga plugin?
Ang sagot ay talagang depende sa hanay ng mga plugin na iyong ginagamit sa iyong website.
Ang isang solong masamang plugin ay maaaring mag-load ng 12 mga file habang maraming mga mahusay na plugin ay magdagdag lamang ng ilang dagdag na mga file.
Sinusubukan ng lahat ng mahusay na naka-code na mga plugin na panatilihin ang mga file na load nila sa isang minimum. Gayunpaman, hindi lahat ng mga developer ng plugin ay maingat. Mag-load ang ilang mga plugin ng mga file sa bawat solong pag-load ng pahina, kahit na hindi nila kailangan ang mga file na iyon.
Kung gumagamit ka ng napakaraming tulad ng mga plugin, pagkatapos ay magsisimula itong maapektuhan ang pagganap ng iyong site.
Paano Panatilihin ang Mga Plugin sa Pagkontrol?
Ang pinakamahalagang bagay na maaari mong gawin sa iyong WordPress site ay ang paggamit lamang ng mga plugin na mahusay na naka-code, may mahusay na mga review, at inirerekomenda ng mga mapagkakatiwalaang pinagkukunan.
Kung nakita mo na ang isang WordPress plugin ay nakakaapekto sa pag-load ng iyong site, pagkatapos ay maghanap ng isang mas mahusay na plugin na ang parehong trabaho ngunit mas mahusay.
Susunod, kailangan mong simulan ang paggamit ng caching at CDN upang higit pang mapabuti ang pagganap at bilis ng iyong site.
Ang isa pang kadahilanan na dapat mong isaalang-alang ay ang iyong website hosting. Kung ang iyong hosting server ay hindi maayos na na-optimize, pagkatapos ay tataas ang oras ng tugon ng iyong site.
Nangangahulugan ito na hindi lamang mga plugin, ngunit ang pangkalahatang pagganap ng iyong site ay magiging mas mabagal. Siguraduhin na ginagamit mo ang isa sa mga pinakamahusay na WordPress hosting company.
Bilang isang huling paraan, maaari mong i-uninstall ang mga plugin na maaari mong mabuhay nang wala. Maingat na suriin ang mga naka-install na plugin sa iyong website, at tingnan kung maaari mong i-uninstall ang ilan sa mga ito. Hindi ito isang perpektong solusyon tulad ng kakailanganin mong ikompromiso ang mga tampok para sa bilis.
I-optimize ang Mga Asset ng WordPress Plugin Manu-manong
Maaaring subukan ng mga advanced na gumagamit ng WordPress na pamahalaan kung paano load ng mga plugin ng WordPress sa kanilang site. Ang paggawa nito ay nangangailangan ng ilang kaalaman sa coding at ilang mga kasanayan sa pag-debug.
Ang wastong paraan upang mag-load ng mga script at stylesheet sa WordPress ay sa pamamagitan ng paggamit ng wp_enqueue_style at wp_enqueue_script mga function.
Ginagamit ng karamihan ng mga developer ng WordPress plugin ang mga ito upang mag-load ng mga file ng plugin. Ang WordPress din ay may madaling pag-andar upang i-deregister ang mga script at stylesheets.
Gayunpaman, kung hindi mo lang i-disable ang pag-load ng mga script at mga estilo ng estilo, pagkatapos ay masira nito ang iyong mga plugin, at hindi ito gagana nang wasto. Upang ayusin iyon, kakailanganin mong kopyahin at i-paste ang mga estilo at mga script sa stylesheet ng iyong tema at mga file ng JavaScript.
Sa ganitong paraan maaari mong i-load ang lahat ng mga ito nang sabay-sabay, minimize ang mga kahilingan ng http at mababawasan ang iyong oras ng pagkarga ng pahina.
Tingnan natin kung paano madaling i-deregister ang mga estilo ng estilo at mga file ng JavaScript sa WordPress.
Huwag paganahin ang Mga Estilo ng Plugin sa WordPress
Una, kakailanganin mong hanapin ang pangalan o hawakan ng stylesheet na nais mong i-deregister. Maaari mong hanapin ito gamit ang tool ng pag-inspeksyon ng iyong browser.
Matapos makita ang hawakan ng stylesheet, maaari mong i-deregister ito sa pamamagitan ng pagdaragdag ng code na ito sa mga function.php ng iyong tema o isang site-specific na plugin.
add_action ('wp_print_styles', 'my_deregister_styles', 100);
function my_deregister_styles () {
wp_deregister_style ('gdwpm_styles-css');
}
Maaari mong i-deregister ang maraming mga estilo na humahawak sa gusto mo sa loob ng function na ito. Halimbawa, kung mayroon kang higit sa isang plugin upang i-deregister ang stylesheet para sa, magagawa mo ito tulad nito:
add_action ('wp_print_styles', 'my_deregister_styles', 100);
function my_deregister_styles () {
wp_deregister_style ('gdwpm_styles-css');
wp_deregister_style ('bfa-font-awesome-css');
wp_deregister_style ('some-other-stylesheet-handle');
}
Tandaan, ang pag-deregister sa mga estilohehe na ito ay makakaapekto sa mga tampok ng plugin sa iyong website. Kailangan mong kopyahin ang mga nilalaman ng bawat stylesheet na iyong deregister at idikit ang mga ito sa stylesheet ng iyong WordPress tema o idagdag ang mga ito bilang custom na CSS.
Huwag paganahin ang Mga JavaScript sa Plugin sa WordPress
Katulad ng mga stylesheet, kakailanganin mong malaman ang hawakan na ginagamit ng JavaScript file upang i-deregister ang mga ito. Gayunpaman, hindi mo mahanap ang hawakan gamit ang tool na siyasatin.
Sapagkat kailangan mong maghukay ng mas malalim sa mga file ng plugin upang malaman ang hawak na ginamit ng plugin upang mag-load ng isang script.
Isa pang paraan upang malaman ang lahat ng mga handle na ginagamit ng mga plugin ay idagdag ang code na ito sa mga function.php ng iyong tema.
function na wpb_display_pluginhandles () {
$ wp_scripts = wp_scripts ();
$ handlename. = "
- “;
- ‘. $ hawakan. ‘
foreach ($ wp_scripts-> queue bilang $ handle):
$ handlename. = ‘
‘;
endforeach;
$ handlename. = ”
“;
ibalik ang $ handlename;
}
add_shortcode (‘pluginhandles’, ‘wpb_display_pluginhandles’);
Pagkatapos idagdag ang code na ito, maaari mong gamitin [pluginhandles] shortcode upang magpakita ng isang listahan ng mga script na humahawak ng handle.
Ngayon na mayroon kang mga script na humahawak, madali mong i-deregister ang mga ito gamit ang code sa ibaba:
add_action ('wp_print_scripts', 'my_deregister_javascript', 100);
function my_deregister_javascript () {
wp_deregister_script ('contact-form-7');
}
Maaari mo ring gamitin ang code na ito upang huwag paganahin ang maraming mga script, tulad nito:
add_action ('wp_print_scripts', 'my_deregister_javascript', 100);
function my_deregister_javascript () {
wp_deregister_script ('contact-form-7');
wp_deregister_script ('gdwpm_lightbox-script');
wp_deregister_script ('another-plugin-script');
}
Ngayon, tulad ng nabanggit namin nang mas maaga na ang hindi pagpapagana ng mga script na ito ay hihinto sa iyong mga plugin na gumana nang wasto.
Upang maiwasan ito, kakailanganin mong pagsamahin ang mga JavaScript nang sama-sama, ngunit kung minsan ay hindi ito gumagana ng maayos, kaya dapat mong malaman kung ano ang iyong ginagawa. Maaari kang matuto mula sa pagsubok at error (tulad ng maraming ginagawa namin), ngunit inirerekumenda namin na hindi mo gawin iyon sa isang live na site.
Ang pinakamagandang lugar upang subukan ay sa isang lokal na WordPress install o sa isang site ng pagtatanghal ng dula na may pinamamahalaang WordPress hosting provider.
I-load ang Mga Script lamang sa Mga Tukoy na Pahina
Kung alam mo na kakailanganin mo ng isang plugin script upang i-load sa isang partikular na pahina sa iyong website, maaari mong payagan ang isang plugin sa partikular na pahina.
Sa ganitong paraan ang script ay nananatiling hindi pinagana sa lahat ng iba pang mga pahina ng iyong site at load lamang kapag kinakailangan.
Narito kung paano mo mai-load ang mga script sa mga tukoy na pahina.
add_action ('wp_print_scripts', 'my_deregister_javascript', 100);
function my_deregister_javascript () {
kung (! is_page ('Contact')) {
wp_deregister_script ('contact-form-7');
}
}
Hindi pinapagana ng code na ito ang contact-form-7 na script sa lahat ng mga pahina maliban sa pahina ng contact.
Iyan na ang lahat para sa ngayon.