25 Panlabas na Mga script Upang Mag-optimize Sa WordPress: Bilis ng Mga Font, Analytics, Mga Video sa YouTube, WooCommerce, Mga script ng Third Party

Ay panlabas na script pagbagal ng iyong WordPress site?


Ito ay anumang bagay na kumukuha ng impormasyon mula sa labas ng iyong website: Google Font, Analytics, naka-embed na mga video sa YouTube, pag-post ng trabaho, Gravatars, kahit na puna at mga pagbabahagi ng sosyal na plugin.

Maaari mong mai-optimize ang mga panlabas na script sa WordPress sa pamamagitan ng pagho-host ng mga file nang lokal (font, analytics, Facebook Pixel), selectively pag-disable ng mga script gamit ang Asset CleanUp plugin, at pagdaragdag ng mga pahiwatig ng browser tulad ng pag-link at prefetch. Ang ilang mga plugin at script (hal. AdSense) ay dapat na maiiwasan sa pangkalahatan kung ang bilis ay mahalaga sa iyo. Anuman ang naiwan, alamin kung ang sakripisyo sa pagganap ay sulit, at kung dapat mong tanggalin ito o maghanap ng alternatibo.

Ang mga panlabas na script ay halos palaging nagpapakita ng mga error sa GTmetrix sa ilalim ng Bawasan ang DNS Lookups:

Mga Panlabas na script ng WordPress

Narito kung paano i-optimize ang mga script ng third party:

Contents

1. Maghanap ng mga Panlabas na script

GTmetrix
Patakbuhin ang iyong website sa pamamagitan ng GTmetrix (ang tool na inirerekumenda ko) at tingnan ang iyong PageSpeed ​​at YSlow tab. Kung pinalawak mo ang mga item at makita ang parehong panlabas na script (o plugin) na nagpapakita ng maraming beses sa iyong ulat, marahil ay nangangahulugan ito na pinabagal ang iyong WordPress site. Maaari mo ring gamitin ang tab na GTmetrix Waterfall upang malaman kung gaano katagal ang pag-load ng bawat mapagkukunan.

Mga Panlabas na script ng WordPress

Query Monitor
Query Monitor hinahayaan kang makita ang iyong pinakamabagal na script ng pag-load, estilo, at mga plugin:

Mga Scripts Monitor Monitor

Query Monitor Slow Plugins

2. Huwag paganahin ang Hindi Ginagamit na Mga script, Estilo, Plugin

Ang ilang mga plugin ay naglo-load sa buong iyong website nang walang kinalaman kung ginagamit ba ito.

Linis ng Asset Hinahayaan mong piliin ang hindi paganahin ang mga hindi kinakailangang script, estilo, at mga plugin mula sa mga tukoy na nilalaman. Maaari itong mapabuti ang mga oras ng pag-load habang binabawasan ang bilang ng Hiling ng HTTP. Pinapayagan ka nitong mag-host ng mga font nang lokal, magkakonekta, mag-prelo, at huwag paganahin ang mga hindi nagamit na mga tampok ng WordPress.

I-install ang plugin, mag-edit ng isang pahina, pagkatapos ay huwag paganahin ang anumang mga plugin o mga kahilingan na hindi ginamit sa pahinang iyon:

Panlabas na Mga script ng Ikatlong Partido

Huwag paganahin ang Mga Panlabas na script ng WordPress

Mga Tampok ng Linis ng Asset:

  • Huwag paganahin ang mga hindi nagamit na script / plugin sa ilang nilalaman
  • Paliitin, pagsamahin, ipagpaliban, at cache CSS + JavaScript
  • Pag-ugnay, pag-prelo, pagsamahin, at host ng mga font sa lokal
  • Paganahin ang muling pagsulat ng CDN URL upang matiyak na na-optimize ang mga file
  • Huwag paganahin ang mga embeds, dashicons, karaniwang hindi ginagamit na tampok
  • Huwag paganahin ang XML-RPC Protocol Suporta bahagyang o ganap
  • I-optimize ang HTML sa pamamagitan ng pag-alis ng hindi kinakailangang code sa
  • I-load ang 1 pahina, malawak ang site, ayon sa uri ng post, o RegEx (premium na tampok)

Napili nang Hindi Paganahin ang Mga Plugin (Mga Halimbawa)

  • Huwag paganahin ang slider plugin sa nilalaman nang walang mga slider
  • Huwag paganahin ang mayaman na snippet plugin sa nilalaman nang walang mga rich snippet
  • Huwag paganahin ang plugin ng form ng contact sa nilalaman nang walang form ng contact
  • Huwag paganahin ang AdSense o mga link na kaakibat kung saan hindi ito ipinapakita
  • Huwag paganahin ang plugin ng pagbabahagi ng social sa lahat ng mga pahina (dahil karaniwang para sa mga post sa blog)
  • Huwag paganahin ang mga script ng WooCommerce, estilo, mga fragment ng cart sa mga hindi pahina ng eCommerce

3. Pag-ugnay, Prefetch, At Preload Panlabas na script

Para sa mga script na hindi maaaring pumiling may kapansanan, ang pagkonekta sa kanila ay nakakatulong sa mga inaasahan ng mga browser. Hindi nito mapagbuti ang mga marka ng GTmetrix, ngunit maaari nitong mapagbuti ang mga oras ng pag-load ng mga panlabas na script.

Pre * Mga Petsa ng Mapagkukunan ng Partido sumusuporta sa DNS prefetch, prerender, preconnect, prefetch, at preload na ginagamit bilang mga pahiwatig ng mapagkukunan ng browser. Ang lahat ng tulong mag-load ng mga panlabas na mapagkukunan nang mas mabilis at sa aking kaalaman, sinusuportahan lamang ng WP Rocket ang pag-prelo at prefetching, ngunit hindi pag-link.

Mga kahulugan (Credit: WP Rocket)

  • Pag-ugnay: nagsasabi sa browser na magtatag ng isang koneksyon sa isang panlabas na mapagkukunan.
  • Prefetch: nagsasabi sa browser na mag-download ng mga inaasahang file na maaaring hilingin ng gumagamit.
  • DNS Prefetch: Ginagawa ng browser ang mga lookup ng DNS sa background habang ang pag-browse ay gumagamit.
  • Prerender: nagsasabi sa browser na i-download ang buong pahina batay sa mga pattern ng pag-browse ng gumagamit.
  • Preload: nagsasabi sa browser ang isang mapagkukunan ng nabigasyon ay kinakailangan at upang makuha ito ASAP.

Hakbang 1: Kopyahin ang lahat ng mga panlabas na domain na ginagamit mo sa iyong website (hanapin ang mga ito sa iyong ulat ng GTmetrix at Query Monitor), kung hindi, narito ang isang listahan ng karaniwang mga domain upang prefetch mula sa Github:

Hakbang 2: Idagdag ang mga ito sa iyong pre * Party Resource Hints plugin:

Mga Paunang Sanggunian ng Pook Party

Kung gumagamit ka ng WP Rocket, maaari mong prefetch ang mga ito (matatagpuan sa tab na Preload):

Prefetch-DNS-Kahilingan

4. Defer Parsing Ng JavaScript

Masusuklian ang pag-parse ng JavaScript Sinasabi sa mga browser na maghintay upang i-download ang JavaScript hanggang matapos ang lahat ng nai-download.

Kung gumagamit ka ng WP Rocket, paganahin I-load ang JavaScript Naantala sa tab na Pag-optimize ng File:

I-load ang JavaScript Naantala

Kung hindi suportado ito ng iyong plugin ng cache, maaari mong gamitin ang Plugin ng Async JavaScript:

Async JavaScript

5. I-host ang Google Font Lokal

Ang pagho-host ng mga font nang lokal ay dapat ayusin ang karamihan sa mga error na nauugnay sa font sa GTmetrix.

Maaari mong gawin ito gamit Mga Font ng Google na Naka-host sa Sarili, OMGF, o Asset CleanUp.

Ngunit ang pinakamahusay na paraan upang ma-optimize ang mga font ay upang i-download ang mga ito nang direkta mula sa website ng Google Font, i-convert ang mga ito sa mga file ng web font gamit ang isang tool tulad ng Transfonter, pagkatapos ay idagdag ang mga ito sa iyong CSS. Siguraduhin na ikaw ay minimal sa mga font at timbang, dahil ang bawat isa ay maaaring magdagdag ng mga kahilingan.

Google-Fonts-GTmetrix

Hakbang 1: I-download ang iyong (mga) font mula sa Google Font.

Hakbang 2: I-convert ang mga ito sa mga file ng web font gamit ang Transfonter.

Transfonter-Google-Font-Conversion

Hakbang 3: Mag-upload ng mga file ng web font sa wp-content / upload.

Halimbawa:

  • http://yourwebsite.com/wp-content/uploads/fonts/Roboto-Regular.woff
  • http://yourwebsite.com/wp-content/uploads/fonts/Roboto-Regular.woff2
  • http://yourwebsite.com/wp-content/uploads/fonts/Roboto-Bold.woff
  • http://yourwebsite.com/wp-content/uploads/fonts/Roboto-Bold.woff2

Hakbang 4: Magdagdag ng mga pasadyang mga font sa iyong CSS.

Default na mga URL sa styleheet.css:
src: url (‘Roboto-Bold.woff2’) format (‘woff2’),
url (‘Roboto-Bold.woff’) format (‘woff’);

Baguhin ang mga ito sa:
src: url (‘http://yourwebsite.com/wp-content/uploads/fonts/Format ng Roboto-Regular.woff2 ‘) (‘ woff2 ‘),
url (‘http://yourwebsite.com/wp-content/uploads/fonts/Format ng Roboto-Regular.woff ‘) (‘ woff ‘);

Hakbang 5: Subukan ang mga font sa editor ng teksto ng WordPress.

Pagsubok

Pagsubok sa Pasadyang Font

Pagsubok sa Pasadyang Font

6. I-host ang Google Analytics Lokal

Kung nakikita mo a pakikinang browser caching isyu, ang pagho-host ng iyong code sa pagsubaybay sa Google lokal na lokal ay ayusin ito. Pwede mong gamitin Pagsubaybay sa Google ng WP Rocket, CAOS Analytics, o Hindi Paganahin ang WP.

Leverage-Brower-Caching-Google-Analytics

7. Iwasan ang Google AdSense Sa Lahat ng Gastos

Ang Google AdSense ay isa sa pinakamahirap na panlabas na mapagkukunan upang mai-optimize, at inirerekumenda ko ang kaakibat na pagmemerkado sa halip na hindi ito babagal ang iyong site, kasama ang mas kumikita at mas personal. Karaniwan akong tumama sa 130k + / taon sa kaakibat na marketing kaya siguraduhing basahin ang gabay na iyon.

Eksperto ng isang ginto na produkto sabi:

“Mayroong karaniwang mga bagay na maaaring mapabuti na nasa ilalim ng iyong kontrol, ngunit sa huli, ito ay isang desisyon sa isang trade-off: ang monetization ba ay bumubuo para sa pagkawala sa bilis?”

Kinsta sabi:

“Ito ay kung bakit maliban kung ang iyong modelo ng kita ay umiikot sa mga advertisement ng 3rd-party, huwag ilagay ang mga ito sa iyong WordPress site.”

Cloudflare Railgun ay isa pang pagpipilian upang ma-optimize ang AdSense dahil pinapabilis nito ang mga dynamic na nilalaman.

Cloudflare Railgun

8. Gumamit lamang ng Google Maps Sa Pahina ng Pakikipag-ugnay

Mukhang mabuti, tama?

Sa halip na maglagay ng isang Mapa, gumamit ng isang imahe na may isang link sa mga direksyon sa pagmamaneho.

Kung gumawa ka ng mga embeds, gamitin lamang ang Google Map sa mga pahina kung saan mo kailangan ang mga ito (pahina ng contact at ang mga naka-target sa isang pisikal na lokasyon). Huwag kailanman sa iyong footer, mga widget, o mga lugar na lumilitaw sa sitewide.

Google Map

9. Huwag Mag-Overlay Sa Tag ng Google Tag

Ang ilan ay magtaltalan na ang Google Tag Manager ay maaaring aktwal na mapabilis ang iyong website, dahil kukuha ng lahat ng Javascript sa iyong site at pinapalitan ito ng isang solong script, na na-trigger mula sa GTM.

Ngunit ang katotohanan ay, marahil ay babagal ng Google Tag Manager ang iyong site maliban kung mayroon kang isang malaking, hindi na-optimize na site na gumagamit ng maraming mga script ng third party, kung saan maaaring mapabilis ito ng GTM.

Bilis ng Tag ng Google Tag

Pag-iwas karaniwang mga pitfalls at hindi gumagamit ng maraming mga tag ay makakatulong, ngunit hindi ko ginagamit ang GTM. Sa katunayan, hindi ako matapat na sinubukan ito. Ngunit alam ko na nakita ko ito sa maraming mahirap na ulat sa GTmetrix.

Inirerekumenda ko rin ang Google Tag Manager Para sa WordPress plugin na naglulunsad lamang ng mga kinakailangang tag para sa bawat pahina (nagpapabilis ng mga oras ng pag-load ng GTM) at ginagawang madali upang idagdag ang code.

10. Palitan ang Mga Post sa Social Media Sa Mga screenshot

Ang mga naka-embed na post (hal. Mga Tweet) ay maaaring mapalitan ng mga screenshot.

Ito ay tumatagal ng ilang oras, ngunit maaari mong aktwal na gawin ang mga ito hitsura talagang maganda. Yamang ang mga ito ay mga imahe at hindi na kailangang hilahin ang impormasyon mula sa Twitter, mas mabilis silang mag-load kaysa sa pag-emote.

2019 Hosting Poll

2017-WordPress-Hosting-FB-Poll

Mga Sangguniang Pag-host ng Elementor

Hulyo 2019 Rekomendasyon sa Pagho-host

2016-WordPress-Hosting-FB-Poll

Paboritong Pagho-host Para sa Elementor

2018 Mga Rekomendasyon sa Pagho-host

Paano Ko Ginawa ito
Sa aking blog, ginamit ko ang isang 2 layout ng haligi at sinusukat ang bawat haligi na 340 mga pixel (lapad). Susunod, ginamit ko ang Mag-zoom Kasama ang Extension ng Chrome Galing Screenshot upang malaman kung anong zoom% na kailangan ko upang makakuha ng isang mahusay na screenshot ng Tweet. Kinuha ko ang mga screenshot ng bawat Tweet, pagkatapos ay i-crop ang mga ito upang maging eksaktong 340 mga piksel. Susunod, inihambing ko ang lahat ng mga screenshot upang makita kung alin ang may katulad na taas, pagkatapos ay i-crop o manipulahin ang mga ito kaya ang 2 mga screenshot ay may parehong taas. Kapag mayroon kang 2 Mga Tweet na may parehong lapad / taas, mukhang mahusay silang magkatabi sa mga haligi.

At oo, inirerekumenda ko SiteGround para sa pagho-host o Mga Cloudway / Kinsta. Maraming masamang pag-host ng mga review doon; tingnan ang mga botohan sa Facebook at makikita mo kung sino ang mga nagwagi.

11. Malas na Mag-load ng Mga Video sa YouTube

Ang mga naka-embed na video ay madaling magdagdag ng 2+ segundo upang mai-load ang mga oras.

Maaaring mai-optimize ang mga video sa pamamagitan ng tamad na paglo-load at sa pamamagitan ng pagpapalit ng iframe na may isang imahe ng preview, kaya na-load lamang ito sa sandaling mai-click ng mga tao ang pindutan ng pag-play (tulad ng video sa ibaba).

Parehong maaaring gawin sa WP Rocket:

WP-Rocket-Lazy-Load

WP YouTube Lyte ay isa pang mahusay na pagpipilian at sumusuporta sa magaan na mga embeds ng YouTube (tumatawag lamang ang “taba ng YouTube player” kapag na-click mo ang pindutan ng pag-play) at cache ng mga thumbnail ng YouTube sa lokal.

Bilang kahalili, ito tutorial sa light YouTube embeds maaaring magamit.

12. Huwag paganahin ang mga Gravatars

Kung mayroon kang maraming mga komento sa blog, Gravatars maaari talagang mabagal ang post.

Sa wakas ay nagpasya akong huwag paganahin ang Gravatars na nangangahulugang walang mga mukha ang ipinapakita sa mga komento. Blog ni WP Rocket hindi gumagamit ng Gravatars alinman (teksto lamang). Maaari itong magmukhang medyo mayamot ngunit kung ang bilis ay mahalaga, maaaring gusto mo lamang na i-style ang iyong mga komento sa CSS at huwag paganahin ang mga Gravatars. Hindi kailanman nagtrabaho para sa akin ang mga plugin ng Cravatar cache, at ayaw kong itago o masira ang mga komento.

Narito ang ilang mga pagpipilian:

  • Huwag paganahin ang mga Gravatars (ipakita lamang ang teksto, petsa, atbp)
  • Ang Cache Gravatars gamit ang Optimum, Harrys, o FV (ay hindi gumana para sa akin)
  • I-break ang mga puna sa ilang mga pahina, kaya ilang mga Gravatars lamang ang nagpapakita

Hindi ko ginagamit ang mga Gravatars:

Puna nang Walang mga Gravatars

13. Huwag paganahin ang Mga Plugin ng Istatistika

Gumagamit ka ba ng isang plugin upang mangolekta ng mga istatistika?

Pinahina nito ang iyong site, at hindi mo na kailangan ang isang plugin para dito.

Maaari mong makita ang lahat ng kailangan mo sa Google Analytics + sa Google Search Console nang hindi nila pinabagal ang iyong website. Hindi mo na kailangan ang JetPack, WP Statistics, o iba pang mga plugin ng istatistika.

Pagganap ng Google Search Console Dashboard

14. Huwag paganahin ang Broken Link Checker

Ang Broken Link Checker ay nagpapatakbo ng patuloy na pag-scan kung bakit pinagbawalan ito sa maraming mga host.

Gustung-gusto ko pa rin ang plugin na ito at mai-install / pinapatakbo ito tuwing ilang buwan. Ngunit matapos na ako, tinanggal ko agad ito. Maaari mo ring subukan Dr Link Check na nag-scan din para sa mga sirang link sa buong iyong website, ngunit hindi mo maiwasto nang direkta ang mga link sa iyong WordPress dashboard tulad ng maaari mong Broken Link Checker. Kaya’t gamitin ang alinman at tanggalin ito kaagad pagkatapos, o gamitin ang Dr Link Check.

15. Huwag paganahin ang Mga Hindi Ginagamit na Module ng JetPack

Una, huwag paganahin ang lahat ng mga module ng JetPack na hindi mo ginagamit.

Ngunit bakit mo mai-install ang isang matatag na plugin kung gumagamit ka lamang ng mga tampok ng ilang? Kung kailangan mo ng stats, gumamit ng Google Analytics, Cloudflare para sa isang libreng CDN, UpdateraftPlus para sa mga backup, WP Rocket para sa tamad na paglo-load, at para sa seguridad, gagamitin ko rin ang Wordfence, Sucuri, o iThemes Security.

Hindi mo na kailangan ang lahat ng mga modyul na ito, hayaan ang isang bloated na plugin.
Unahin ang mga tampok na kailangan mo at i-install ang mga indibidwal na plugin para sa mga iyon. Pagkatapos ng lahat, iyon ang buong konsepto ng magaan na mga tema (bumili ng isang tema na may kaunting mga tampok at umasa sa mga plugin upang idagdag ang mga kailangan mo). Huwag mag-install ng isang bloated na tema o plugin at ma-stuck sa pagkawala ng bilis.

Hakbang 1: Tumungo sa iyong JetPack dashboard, mag-scroll pababa, at i-click ang Debug.

JetPack Debug

Hakbang 2: I-access ang buong listahan ng mga module ng JetPack na magagamit sa iyong WordPress site.

Pag-access sa Mga Module ng JetPack

Hakbang 3: Isaaktibo ang lahat ng mga module na hindi mo ginagamit.

Mga Module ng JetPack

16. Huwag paganahin ang Mga Mataas na Plugin ng Pagbabahagi ng Social sa CPU

Ang mga pindutan ng pagbabahagi ng social ay kailangang hilahin ang mga bilang ng pagbabahagi mula sa Facebook, Twitter, atbp.

Kung ang iyong plugin ay may pagpipilian upang i-update ang mga pana-panahon o sa panahon ng off-peak, ito ay mas mahusay kaysa sa pag-update ng mga bilang sa real-time. Gayunpaman, marahil ay nais mong malaman kung aling mga plugin sa pagbabahagi ng panlipunan ang pinakamabilis at pinaka magaan, kaya narito ang ilan sa mga ito.

Mga Kahilingan sa Plugin sa Pagbabahagi ng Social

Inirerekumenda (Magaang) Social Plugins Pagbabahagi:

17. Huwag paganahin at Palitan ang Iba pang mga Mataas na Plugin ng CPU

May isang dahilan WP Engine, GoDaddy, at iba pang mga host blacklist ilang mga uri ng mga plugin.

Karamihan sa mga mabagal na plugin ng WordPress ay kinabibilangan ng pagbabahagi ng sosyal, istatistika, slider, backup, tagabuo ng pahina, kalendaryo, chat, form ng contact, portfolio, kaugnay na post, sitemap, Wordfence, WPML, WooCommerce, JetPack, at mga plugin na nagpapatakbo ng mga pag-scan o proseso. Ang mga mabagal na plugin ay matatagpuan gamit ang Query Monitor o sa iyong ulat ng GTmetrix Waterfall.

  1. Idagdag ang Ito
  2. AdSense I-click ang Pagsubaybay sa Pandaraya
  3. Lahat-Sa-Isang Kalendaryo ng Kaganapan
  4. Backup Buddy
  5. Tagabuo ng Beaver
  6. Mas mahusay na WordPress Google XML Sitemaps
  7. Broken Link checker (gamitin ang Dr Link Check)
  8. Patuloy na Pakikipag-ugnay para sa WordPress
  9. Makipag-ugnay sa Form 7
  10. Kaugnay na Mga Post na May Kaugnay na Konteksto
  11. Mga link sa Digi Auto
  12. Disqus Puna ng System
  13. Divi Tagabuo
  14. Mahahalagang Grid
  15. Facebook Chat
  16. Fancy Gallery
  17. Fuzzy SEO Booster
  18. Google Analytics
  19. Tagasalin ng Wikang Google
  20. Tingnan ang Buong Listahan Ng 65 Mabagal na Plugins ng WordPress

18. Huwag paganahin ang Mga script ng WooCommerce, Estilo, Fragment ng Cart

Ang lahat ng mga site ng WooCommerce ay may karagdagang mga script, estilo, at mga fragment ng cart.

Ang mga pag-load sa buong iyong website – kahit na sa mga hindi pahina ng WooCommerce. Ang mga fragment ng Cart lamang ay maaaring tumagal 10 segundo upang mai-load. Sa tuktok ng 3 Mga istilo ng WooCommerce at maraming script na nabuo ng WooCommerce (at ang katotohanan na ang mga site ng WooCommerce ay karaniwang nangangailangan ng mas maraming mga plugin), hindi kataka-taka na ang karamihan sa mga site na ito ay karaniwang may mabagal na pag-load ng pahina.

WooCommerce Cart Fragment

Pagpipilian 1: Asset CleanUp
Pinipili nang hindi paganahin ang pag-andar ng WooCommerce sa mga pahina kung saan hindi nila kailangang ma-load.

Asset CleanUp WooCommerce

Pagpipilian 2: Gumamit ng Code Mula sa Github
Huwag paganahin ang Mga script ng WooCommerce: idagdag ito code function.php:

Hindi paganahin ang Estilo ng WooCommerce: tingnan ang WooCommerce’s pagtuturo.

Huwag paganahin ang Mga Fragment ng Cart ng WooCommerce: idagdag ito code sa funtions.php:

Pagpipilian 3: Mga Perfmatter
Plugin ng Perfmatters ng Kinsta hinahayaan mong huwag paganahin ang lahat ng mga ito sa 1-click, kasama ang maraming iba pa tampok upang mai-optimize ang iyong site tulad ng pag-disable ng mga hindi kinakailangang pag-andar ng WordPress. Ginagamit ko ito sa aking sariling website.

perfmatters woocommerce optimization

19. Disqus Kondisyon ng Pag-load

Ang Disqus at maraming mga plugin ng komento ay maaaring lumikha ng mga panlabas na kahilingan.

Pag-load ng Kondisyon ng Disqus ay isang advanced na bersyon ng Disqus na kasama ang tamad na pag-load at pag-disable ng script. Kung ang Disqus ay lumilikha ng mga kahilingan sa iyong ulat sa GTmetrix, maaari itong ayusin ang karamihan sa kanila.

Pag-load ng Kondisyon ng Disqus

20. Pinipili I-load ang Pakikipag-ugnay sa Form 7

Bagaman hindi ako isang malaking tagahanga ng Contact Form 7 dahil sa mabagal na oras ng pag-load, magagawa mo load ang JavaScript + Makipag-ugnay sa Form 7 styleheet lamang sa mga pahina na gumagamit ng mga form ng contact. Kung hindi man, mag-load sila sa bawat isang pahina. Iminumungkahi ko ang Mga Form ng Gravity o isa pang form plugin na mas mabilis.

Maaari mo ring gamitin ang Asset CleanUp upang huwag paganahin ang mga form ng contact sa mga pahina na hindi ginagamit ang mga ito:

Hindi Paganahin ang Pinili ng Pinili ng Asset

21. Paganahin ang Caching Para sa Facebook Pixel

WP Rocket’s Ang Facebook Pixel add-on hinahayaan kang mag-apply ng pag-browse sa cache para sa Facebook Pixel.

Ito ang tanging paraan upang ma-optimize ang Facebook Pixel sa aking kaalaman, na nagbibigay-daan sa iyo na subaybayan kung sino ang papunta sa iyong website at mag-follow up sa kanila gamit ang Facebook Ads, bukod sa iba pang mga tampok.

Pag-cache ng Pixel Browser ng Facebook

22. I-configure nang maayos ang Iyong Plugin ng Cache

Kahit na kaya mahalaga, karamihan sa mga tao ay hindi mai-configure nang maayos ang kanilang cache plugin.

Maraming mga pagkakamali sa GTmetrix ay maaaring nauugnay sa mga bagay na maaaring hawakan ng cache plugin (pag-minize at pagsasama-sama ng mga file, pag-refer sa JavaScript, caching, pagdaragdag ng mga heading, pag-optimize ng video, paghahatid ng mga file mula sa isang CDN, at pagho-host ng Google Fonts + Analytics sa lokal). Dahil ang iba’t ibang mga plugin ng cache ay may iba’t ibang mga tampok, dapat kang dumaan sa lahat ng iyong mga setting at subukan ang mga ito nang masigla, suriin kung paano maaaring magresulta ang mga tampok na pagpapagana sa mas mabilis na mga oras ng pag-load at mas mahusay na mga marka..

Personal kong gumagamit ng WP Rocket dahil kasama ito ng maraming mga tampok na karamihan sa mga plugin ng cache ay hindi (nagho-host ng mga font, analytics, at Facebook Pixel nang lokal, tamad na naglo-load ng mga imahe + video, paglilinis ng database, pag-prelo, control ng tibok ng puso, at pagsasama ng parehong Cloudflare at maraming CDNs tulad ng StackPath). Kung hindi, kailangan mong mag-install ng 7 dagdag na mga plugin upang makuha ang mga pag-optimize.

Mga Tutorial sa Cache Plugin:

WP Rocket File Optimization

23. Hindi Tumutulong ang Mga CDN

Ang mga CDN ay mahusay para sa pag-optimize ng mga file iyong WordPress site.

Ngunit hanggang sa panlabas na script, hindi ito makakatulong. Na-messaging ko pa rin ang StackPath na nagsabi habang ang mga CDN ay tumutulong sa maraming iba pang mga bagay, ang mga panlabas na script ay hindi isa sa kanila. May katuturan – paano mo mai-offload ang isang bagay na kahit na hindi naka-host sa iyong website? Oh well, hindi bababa sa sila ay matapat.

Inirerekumenda ko pa rin Cloudflare at StackPath dahil nakakatulong silang matulungan ang mga mapagkukunan ng pag-off sa kanilang mga sentro ng data (ginagawa ang iyong server na mas nakakarelaks) at gumagamit ng mga tampok tulad ng Cloudflare Page Rules, Hotlink Protection, at ang kanilang mga tampok sa seguridad sa parehong pagpabilis at protektahan ang iyong website. At mas maraming mga CDN ay nangangahulugang mas maraming mga sentro ng data upang ma-host ang iyong mga file, na nangangahulugang mas mabilis na paghahatid ng iyong nilalaman. Iyon ang dahilan kung bakit ginagamit ko ang parehong mga CD ng Cloudflare at StackPath.

24. Gumamit ng Cloudflare Workers

Mga manggagawa ay isang kapaligiran sa pagpapatupad ng JavaScript na nagbibigay-daan sa mga developer na dagdagan ang mga umiiral na application o lumikha ng mga bago nang hindi na-configure o pinapanatili ang imprastraktura. Ang pagpepresyo ay $ 5 / buwan + paggamit (unang 10 milyong mga kahilingan ng pinapagana ng Worker ay libre, pagkatapos ay $ .50 bawat milyong kahilingan). Maaaring mai-configure ang mga manggagawa upang magpatakbo ng mga tukoy na pahina, subdomain, atbp. Subukan mo rito.

25. Patakbuhin ang Mga Mataas na Gawain sa CPU Sa Mabagal na Panahon

Ang mga backup, Broken Link Checker, at iba pang mga mataas na gawain sa CPU ay dapat tumakbo sa mabagal na panahon. Simple.

Mga Madalas na Itanong

&# x2705; Paano ko mahahanap ang mga script ng third party na nagpapabagal sa aking site?

Ang mga ito ay karaniwang lilitaw sa seksyon ng Reduce DNS Lookups sa tab na GTmetrix YSlow. Ang ilan sa mga pinaka-karaniwang mga script ng third party ay ang mga Google Fonts, Analytics, Maps, AdSense, Google Tag Manager, mga kahilingan sa social media, naka-embed na mga video sa YouTube, at Gravatars.

&# x2705; Paano ko mai-optimize ang Google Font?

Ang pagsasama-sama ng mga Google Font at pagho-host ng mga ito nang lokal ay ang pinakamahusay na paraan upang mas mabilis na ma-load ang mga font. Maaari ka ring mag-prefetch at mai-link muli ang iyong mga font. Subukang gamitin ang plugin ng OMGF.

&# x2705; Kumusta naman ang mga error sa social media sa GTmetrix?

Ito ay karaniwang sanhi ng mga pindutan ng pagbabahagi ng social, mga widget sa social media, o anumang iba pang elemento ng social media sa iyong site. Ang mga ito ay maaaring HINDI na-optimize – ang pinakamahalagang bahagi ay ang pumili ng isang magaan na plugin sa pagbabahagi ng sosyal, kung magpasya kang gumamit ng isa.

&# x2705; Paano maiayos ang isyu ng Leverage Browser Caching para sa Google Analytics?

Maaari mong subukang i-host ang iyong code sa pagsubaybay sa Google sa lokal nang alinman sa pamamagitan ng WP Rocket (o anumang plugin ng cache na ginagamit mo) o ang plugin ng CAOS Analytics. Gayunpaman, ang pag-aayos ng error na ito ay karaniwang hindi direktang mapapabuti ang mga oras ng pag-load.

&# x2705; Maaari ba akong gumawa ng naka-embed na mga video sa YouTube nang mas mabilis?

Oo, hayaan ng mga plugin tulad ng WP Rocket o WP YouTube Lyte na tamad kang mag-load ng mga video at palitan ang iframe na may isang imahe sa preview. Maaari itong mag-ahit ng maraming segundo ng oras ng pag-load ng nilalaman.

Paano ang Iyong GTmetrix Report Ngayon?

Ang aking homepage ay 100% ngunit ang aking mga post ay karaniwang mas kahanga-hanga.

Kumuha ako ng isang oras na pagkarga ng 1.7s sa isang pahina ng 6.28MB na may 196 na kahilingan sa araw.

Orihinal na, ang mga panlabas na script na nagpapabagal sa aking site ay ang mga Google Fonts, Google Analytics, na naka-embed na mga video sa YouTube, na-embed na mga Tweet, at nagkaroon ako ng ilang mga problema sa pag-configure ng CDN ng StackPath. Ngunit sa sandaling ipinatupad ko ang mga hakbang sa post na ito (at nagsakripisyo ng isang plugin o dalawa), ang aking buong WordPress site ay kadalasang naglo-load ng nakakatawa. Pagho-host ng Cloudways nakatulong din.

2019 Report ng GTmetrix

Ang pangunahing bagay na humahawak sa post na ito mula sa 100% ay ang mga naka-embed na code ng Github. Ngunit hey, hindi ka maaaring maging perpekto, at kahit na mayroon akong Github sa aking na-link at prefetched na listahan!

Kailangan ng tulong?

Mag-iwan ng komento o makipag-ugnay sa aming koponan tungkol sa aming serbisyo sa bilis ng WordPress.

Cheers,
Tom

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