Pag-optimize ng Bilis ng Mobile Sa WordPress (Gabay sa 2020): Paano Mapagbuti ang Oras na Mag-load ng Mobile ng Iyong Website At Mga Grad ng PahinaSpeed

Naghahanap upang mapabilis ang iyong mobile WordPress site?


Sakop ng tutorial na ito ang mobile caching, mobile-adaptive na mga imahe, at AMP (pinabilis na mga mobile page). Karamihan sa mga pag-optimize na ginawa sa iyong desktop site ay nagdadala sa iyong mobile site. Iyon ang dahilan kung bakit ang paggawa ng mga bagay tulad ng pag-upgrade ng mga bersyon ng PHP at pagbabawas ng mga oras ng pagtugon sa server ay makakatulong din.

Pag-optimize ng Bilis ng Mobile WordPress

Paano Subukan ang Bilis ng Mobile ng iyong WordPress Site
Nirerekomenda ko Ang pagsusulit sa mobile ng GTmetrix dahil binibigyan ka nitong ganap na bagong mga rekomendasyon ng PahinaSpeed ​​partikular para sa bilis ng mobile site, sinusukat nito ang mga oras ng pag-load, at maaari mong palawakin ang bawat item upang makita nang eksakto kung aling mga elemento ang kailangang mai-optimize sa iyong mobile site.

1. Pagsubok sa Mobile ng GTmetrix
Sa a libreng GTmetrix account, maaari mong subukan ang iyong site sa Android. Ang tab na PahinaSpeed ​​ay natatangi sa mobile habang ang YSlow ay pareho sa desktop. Ang tab na PahinaSpeed ​​ay nagpapakita ng mga error na imahe ng pagsukat kung hindi ka gumagamit ng mga angkop na imahe, pati na rin ang pag-redirect ng mga error at iyong oras ng pag-load ng mobile..

2. Mga Pananaw ng Google PageSpeed
Ang Google PageSpeed ​​Insights ay may isang “mobile” na tab na nagsasabi sa iyo ng mga mobile na tiyak na pag-optimize. Gayunpaman, hindi mo dapat gamitin ang PageSpeed ​​Insights gayunpaman dahil may diin sa mga marka (at hindi oras ng pag-load) na hindi man sukatin, kaya gagamitin ang GTmetrix o ibang tool sa halip.

3. Mag-isip Sa Google
Mag-isip Sa Google hindi rin maganda. Tulad ng mga Insight PageSpeed, ang mga rekomendasyon ay medyo malawak (na may GTmetrix maaari mong aktwal na palawakin ang mga rekomendasyon upang makita kung aling mga plugin, script, at mga imahe ang nagpapabagal sa iyong site). Mag-isip Sa Google ay hindi gawin iyon.

Mag-isip Sa Bilis ng Google Mobile

4. Google Analytics
Maaari mong makita ang bawat isa sa mga mobile load ng iyong pahina sa ilalim Pag-uugali > Bilis ng Site pagkatapos ay magdagdag ng isang segment para sa trapiko ng mobile at tablet. Ang mga mungkahi sa bilis ang tab ay maaari ring maging kapaki-pakinabang, ngunit pagkatapos ay muli, tumutukoy ito sa mga rekomendasyon ng Google PageSpeed ​​Insights na hindi masyadong kapaki-pakinabang.

1. Paganahin ang Mobile Caching

Karamihan sa mga plugin ng cache tulad ng WP Rocket at WP Pinakamabilis na Cache magkaroon ng isang pagpipilian para sa mobile caching.

Mobile Cache

Kung ang iyong cache plugin ay hindi kasama ng mobile caching, alamin kung hindi bababa sa sinusuportahan ito. Kung hindi, isaalang-alang ang paggamit ng isang plugin ng cache. Ang ilan ay mayroon ding pagpipilian upang lumikha paghiwalayin ang mga file ng cache para sa mga mobile device na tinitiyak na ang mga elemento ng mobile na tiyak ay naka-cache (higit na kapaki-pakinabang kung gumagamit ka ng isang mobile plugin tulad ng WP Touch, WP Mobile Detect, o mobile na tema ng JetPack).

Preloading Mobile Cache Sa halip na Desktop
Ang mga plugin ng cache ay may pagpipilian ng preloading desktop o mobile cache, ngunit hindi pareho. Kung tinitingnan ng karamihan sa iyong mga bisita ang iyong site mula sa mobile at mayroon kang maraming mga elemento ng disenyo ng mobile na nais mong mas mabilis, maaari kang pumili upang mai-preload ang mobile cache sa halip na desktop. Maaari mong paganahin ang mobile preloading sa Ang plugin ng katulong ng WP Rocket. Para sa iba pang mga plugin ng cache, makikita ng Google kung sila ay isang pagpipilian upang paganahin ang mobile preloading sa halip na karaniwang pag-prelo.

Sinabi ni WP Rocket:

2. Gumamit ng Mga Larawan ng Adaptive

Kung ang nagsisilbi na mga imahe na naka-scale ay hindi 100% kapag sinubukan mo ang iyong site sa mobile test ng GTmetrix, ang paggamit ng mga adaptive na imahe ay dapat ayusin ang mga error na ito.

Mga larawan na umaangkop nakita ang laki ng screen ng iyong bisita at awtomatikong lumilikha, cache, at naghahatid ng naaangkop na mga na-scale na bersyon ng aparato ng iyong web page na naka-embed na mga imahe ng HTML. “

Hakbang 1: Subukan ang iyong site sa GTmetrix (Android) upang makita ang maghatid ng mga scaling na imahe ng imahe sa mobile.

Pagsubok sa Mobile ng GTmetrix

Ihatid ang Mga Naka-scale na Larawan sa Mobile

Hakbang 2: Hanapin ang inirerekumendang lapad ng imahe sa GTmetrix.

Pinakamataas na Widget ng background

Hakbang 3: Mag-install ng isang plugin ng adaptive na imahe mula sa ShortPixel o Mga Larawan ng Agpang.

ShortPixel Agpang Mga Larawan

Hakbang 3: Sa iyong mga setting ng plugin, itakda ang background ng maximum na lapad sa mga sukat na ibinigay ng GTmetrix (sa seksyong nagsisilbi na mga seksyon ng larawan). I-save ang mga pagbabago. Mayroong ilang iba pang mga setting para sa suporta sa WebP, tamad na pag-load ng mga imahe, matalinong pag-crop, at pag-alis ng data ng EXIF.

Ang Pinakamataas na Lapad ng background

Hakbang 4: Ibalik muli ang iyong site sa GTmetrix (Android) at maghatid ng mga naka-scale na imahe ay dapat na 100%.

Pagsubok sa Mobile ng GTmetrix

3. Paganahin ang Cloudflare Mirage

Cloudflare sabi:

“Ang Mirage ay idinisenyo upang gawing mas mabilis ang paglo-load ng mga imahe sa dalawang pangunahing paraan: 1) maghatid ng mas maliit na mga imahe para sa mga aparato na may mas maliit na mga screen; at 2) mga imahe ng “tamad na pag-load” lamang nang lumitaw sila sa viewport. Parehong mga optimization na ito ay idinisenyo lalo na upang mapabilis ang pagganap ng web sa mga mobile device. “

Ito ay isang pro tampok ng Cloudflare, ngunit hindi mo ito kailangan dahil mayroong malayang tamad na paglo-load at agpang plugin ng imahe doon na gawin ang parehong bagay. Ang Mirage ay isang alternatibo kahit na.

Cloudflare Mirage

4. Gumamit ng mga Nakikiramay na Mga Tema At Plugin

Ang mga tumutugon na tema at plugin natural na umangkop sa mga mobile device.

Bakit ito mahalaga? Dahil tulad ng mga agpang imahe, ang iba pang mga elemento sa iyong website ay awtomatikong baguhin ang laki upang magkasya sa mga mobile na screen, na ginagawang mas mabilis ang pag-load ng mga ito kaysa sa isang desktop na bersyon.

Personal kong ginagamit ang StudioPress at ang kanilang Genesis Framework na ginagamit din ng Yoast.

Nakikiramay na Disenyo

Pag-cache na nakabatay sa aparato ay isang tampok na may ilang mga CDN. Hinahayaan ka nitong cache ng mga tukoy na elemento batay sa aparato ng gumagamit, ngunit dapat itong gamitin kung ang iyong WordPress site ay hindi mobile na tumutugon.

5. Ayusin ang Mga Pag-redirect ng Mobile

Kung nakikita mo ang “minamali ang pag-redirect” ng mga error sa GTmetrix, marahil ay mula sa isa sa mga ito:

  • Nagbago ka sa HTTPS o WWW at hindi na-update ang mga link
  • Nag-setup ka ng Mga Panuntunan ng Pahina sa Cloudflare na may mga pagpapasa ng mga URL
  • Masamang naka-code o hindi naka-configure na mga plugin ay nai-redirect ang trapiko sa website
  • Ang mga pagpipilian sa Cloudflare SSL ay hindi katugma sa pagsasaayos ng iyong server (tingnan pagtuturo)

Kung gumagamit ng Cloudflare, maaari mong gamitin ang mga ito pagpipilian sa pag-redirect ng mobile na sinasabi nila “awtomatikong nagre-redirect ng mga bisita ng mobile device sa isang subdomain na na-optimize ng mobile. Ang pag-redirect ay ginagawa sa gilid ng network ng Cloudflare, pagpapabuti ng oras ng pag-load sa pamamagitan ng pag-aalis ng isang roundtrip sa pinagmulan ng server – ito ay lalong mahalaga sa mga mobile network, na nagsisilbing mas mabagal kaysa sa wifi.

Paliitin ang Pag-redirect ng Mga Mali

Mga Pag-redirect ng Setup Sa Antas ng Server
Kung mayroon kang isang subdomain sa mobile (o anumang pag-redirect para sa bagay na iyon), mas mahusay na i-set up ito sa isang antas ng server upang hindi ito kailanman pindutin ang WordPress. Ang mga pag-redirect ng antas ng server ay mas mabilis kaysa sa mga plugin.

6. Bawasan ang Oras ng Pagtugon sa Server

Ang iyong server (hosting) ay ang # 1 kadahilanan sa gabay sa pag-optimize ng WordPress.

Patakbuhin ang iyong site sa pamamagitan ng Google PageSpeed ​​Insights upang suriin ang iyong oras ng pagtugon ng server na dapat <200ms tulad ng inirerekumenda ng Google. GoDaddy at EIG (Ang Bluehost, HostGator, iPage, Site5) ay kahanga-hanga para sa mabagal na mga server. Ito ay kilalang-kilala sa Twitter at sa Mga Grupo sa Facebook. Sumali sa WordPress Pagho-host ng Facebook Group at tingnan ang mga botohan na kinuha sa pagho-host.

Bawasan ang Oras ng Pagtugon sa Server

SiteGround at Mga Cloudway ay karaniwang # 1 at # 2. Maraming mga tao ang lumipat at nai-post ang kanilang mga bagong oras ng pag-load sa Twitter – ang pagkakaiba ay maaaring maging hanggang sa 8 segundo. Parehong SiteGround (ibinahagi) at Cloudways (cloud) ay mahusay na pagpipilian depende sa iyong badyet at pangangailangan, ngunit ang parehong mga mundo ay mas mahusay kaysa sa GoDaddy at EIG. Parehong lilipat ka rin ng libre.

Ang SiteGround at Cloudways ay parehong lilipat ka nang libre.

Lumipat sa SiteGround

SiteGround Load Time Migration

Bluehost sa SiteGround GTmetrix

HostGator Sa SiteGround

SiteGround GTmetrix

SiteGround ng Google PageSpeed ​​Insight

100 Perpektong Kalidad sa SiteGround

HostGator Sa SiteGround Migration

SiteGround Response Times Sa Joomla

Lumipat sa SiteGround Hosting

SiteGround Rocket Isipin ang Combo

Joomla GTmetrix Sa SiteGround

SiteGround PageSpeed ​​Mga Pananaw

SiteGround Sa Joomla

2019 Hosting Poll

2017-WordPress-Hosting-FB-Poll

Mga Sangguniang Pag-host ng Elementor

Hulyo 2019 Rekomendasyon sa Pagho-host

WordPress-Host-Poll-Aug-2018

Ibinahaging-Hosting-Poll-2017

2019-Hosting-Poll

Go-To-Hosting-Company

WordPress-Hosting-Poll-2017

Pinamamahalaan-Hosting-Poll

2016-WordPress-Hosting-FB-Poll

Paboritong Pagho-host Para sa Elementor

2018 Mga Rekomendasyon sa Pagho-host

Pinamamahalaang-WordPress-Hosting-Poll-2017

2019-Host-Poll-1

Ang Hosting-Poll-For-Speed

WordPress-Hosting-Poll-June-1

SiteGround-Rekomendasyon

7. Huwag Gumamit ng AMP

AMP (ang pinabilis na mga mobile page) ay isang proyekto ng Google na mas mabilis na mai-load ang mga mobile page habang nagbibigay sa iyo ng isang AMP stamp sa mga resulta ng paghahanap sa mobile.

Ngunit, ganap na binabago din ng AMP ang iyong mobile design.

Kinsta bumagsak ang 58 ng mga conversion kapag nagdaragdag ng AMP, at mula nang bumalik sila sa kanilang normal na mga mobile page. Nagpasya na rin ako laban sa AMP dahil hindi maganda ang disenyo. Mayroong mga plugin ng AMP na makakatulong sa disenyo, ngunit medyo limitado pa rin ito at baka mabigo ka sa resulta. At kung napagpasyahan mong idagdag ang AMP pagkatapos alisin ito, dagdag na trabaho ito na kakailanganin mong i-setup ang mga pag-redirect at gumawa ng iba pang mga hakbang upang bumalik sa normal na mga mobile page.

Nagsasakripisyo ka para sa bilis. Sulit ba ang AMP? Hindi ko ito ginagamit.

AMP sa Google

Dati akong gumamit ng AMP, ngunit mula nang tinanggal ito:

amp-pages

Kung Nagpasya kang Gumamit ng AMP, Gamitin ang AMP Para sa WP Plugin
Kung magdaragdag ka ng AMP, marahil ay dapat mong gamitin ang AMP para sa WP plugin. Ito ay ang pinaka-pagpipilian sa pagpapasadya sa labas ng anumang plugin ng AMP na nakita ko (kahit na Plugin ng AMP suportado ng Google at Automattic). Mayroon din Pangola para sa Yoast & AMP na mayroon ding kaunting mga pagpipilian.

AMP Para sa WP

Cloudflare AMP Real URL

Sabi ni Cloudflare Mga Real URL ng AMP “Nangangahulugan na ang isang pahina ay maaaring maiimbak sa isang AMP cache at mabilis na naihatid mula rito habang ipinapakita ang orihinal na URL ng site sa nav bar ng browser.”

Mahahanap mo ito sa mga setting ng bilis ng Cloudflare:

Cloudflare AMP Real

8. Mga Pag-optimize ng Desktop Naghahatid sa Sa Mobile

Karamihan sa mga pag-optimize ng bilis ng desktop ay magdadala sa iyong mobile website.

Ako ay tungkol sa:

  • Pagdaragdag ng isang CDN
  • Pag-optimize ng mga imahe
  • Pag-optimize ng mga plugin
  • Nililinis ang iyong database
  • Pag-upgrade ng mga bersyon ng PHP
  • Pag-upgrade ng iyong server / hosting
  • Ang pag-configure ng isang mahusay na plugin ng cache
  • Pag-optimize ng mga panlabas na script (hal. Google Font)

Kung ang iyong mobile at desktop ay nangangailangan ng trabaho sa GTmetrix, hindi ako masyadong mag-alala tungkol sa iyong mobile site sa una. Paganahin ang mobile caching (sa iyong cache plugin), pagkatapos ay mahigpit na tumuon sa iyong mga rekomendasyon ng GTmetrix, pati na rin ang pangunahing mga kadahilanan ng WordPress bilis ng pag-optimize.

Kung naghanap ka ng “bilis ng mobile” sa library ng plugin ng WordPress, halos walang anumang darating upang ma-optimize ang mga site ng WordPress partikular para sa mga mobile device. Magsimula sa mga pag-optimize sa desktop!

9. Patakbuhin ang PHP 7.3+

Ito ay napakadali at maaaring gawin ang iyong site 2-3x mas mabilis.

Mga WordPress na Mga Benchmark ng WordPress

Una, mag-login sa iyong account sa pagho-host at pumunta sa manager ng Bersyon ng PHP, pagkatapos ay tiyaking nagpapatakbo ka ng pinakabagong bersyon ng PHP na sinusuportahan ng iyong host. Ang ilang mga kumpanya ng nagho-host ay mas mabilis na naglalabas ng mga mas bagong bersyon ng PHP kaysa sa iba, ngunit dapat na perpektong tumatakbo ang PHP 7.3 o mas mataas. Maaari mo ring gamitin ang Ipakita ang plugin ng Bersyon ng PHP tingnan kung aling bersyon ang iyong naroroon.

Pag-update ng PHP

Minsan, ang hindi katugma na mga plugin ay maaaring maging sanhi ng mga error kapag ang pag-upgrade ng mga bersyon ng PHP Nangangahulugan ito na hindi sila mapanatili nang maayos at dapat mong isaalang-alang ang pagtanggal o pagpapalit ng mga plugins na iyon. Tulad ng dati, kumuha ng isang backup bago mag-upgrade, ngunit maaari mong palaging bumalik sa isang mas maagang bersyon ng PHP.

10. Pag-setup ng Isang CDN

Talagang walang dahilan na hindi gagamitin Ang libreng CDN ng Cloudflare.

Mayroon silang 200+ data center sa buong mundo. Sa pamamagitan ng paggamit ng mga data center upang mai-host ang mga mabibigat na file sa iyong website, binabawasan mo ang distansya ng heograpiya sa pagitan ng iyong server at mga bisita (isang rekomendasyon sa gabay sa pag-optimize ng WordPress). Sinasasan mo rin ang pagkonsumo ng bandwidth sa Cloudflare, na maaaring makatipid ng pagkonsumo ng CPU at pera sa iyong hosting bill.

Upang i-setup ang Cloudflare, mag-sign up para sa isang libreng account, kunin ang 2 nameservers mula sa Cloudflare, pagkatapos ay baguhin ang mga nameservers sa iyong domain registrar. Aabutin ng halos 24 oras para sa pagpapalaganap.

Pag-set up ng Maramihang Mga CDN
Maramihang mga CDN = mas maraming mga sentro ng data = mas mabilis na paghahatid ng iyong nilalaman. Ang mga maliliit na website ay dapat na maayos sa Cloudflare, ngunit kung seryoso ka tungkol sa bilis o magkaroon ng isang malaking website, maaari mong isaalang-alang ang isang karagdagang CDN mula sa isang taong tulad ng StackPath o KeyCDN (Gumagamit ako ng Cloudflare + StackPath). Habang ang Cloudflare ay nangangailangan ng pagbabago ng mga namesevers, ang iba pang mga CDN ay mas madali. Bibigyan ka nila ng isang CDN URL na karamihan sa mga plugin ng cache ay may patlang para, o gamitin Paganahin ang CDNr.

Maramihang mga CDN

11. I-optimize ang Mga Larawan

Ang mga imahe ay maaaring mai-optimize sa 3 mga paraan ayon sa GTmetrix:

  • Maglingkod ng mga naka-scale na imahe: baguhin ang laki ng mga larawang mas maliit
  • I-optimize ang mga imahe (pagkawala ng compression): subukan ang ShortPixel, isipin, o Smush
  • Tukuyin ang mga sukat ng imahe: pagdaragdag ng isang lapad + taas sa HTML ng imahe o CSS

Nagpapakita lamang ang mga GTmetrix ng mga error para sa isang pahina. Iyon ang dahilan kung bakit pinakamahusay na i-optimize ang mga imahe na lilitaw sa maraming pahina una (logo, sidebar at footer na imahe), pagkatapos ay gumana ka sa iyong pinakamahalagang mga pahina. Pinakamainam na magsimula sa mga imahe sa pag-scale dahil nangangailangan ng pag-crop / pagbabago ng laki ng mga imahe at pag-reupload ng mga ito. Sasabihin sa iyo ng GTmetrix ang tamang mga sukat para sa mga hindi naka-save na mga imahe at para sa mga mayroon walang tinukoy na lapad + taas sa HTML o CSS.

Lumikha ng isang Sheet ng Dimensyon ng Impormasyon ng Impormasyon
Inirerekumenda ko ang paglikha ng isang “image dimension cheat sheet” para sa mga sukat ng iyong mga slider, buong lapad na mga imahe ng blog, mga tampok na imahe, atbp Sa ganoong paraan, maaari mong i-crop + ang laki ng mga ito sa tamang sukat bago i-upload ang mga ito, at hindi ka dapat magkaroon maghatid muli ng mga naka-scale na error sa imahe.

12. I-optimize ang Mga Plugin

Masyadong maraming mga plugin o anumang mataas na mga plugin ng CPU (lalo na ang mga gumagamit ng panlabas na script) ay maaaring pabagalin ang iyong site, kahit na sa mobile. Pinipili ko ang tungkol sa kung aling mga plugin ang ginagamit ko at subukan ang aking ulat sa GTmetrix pagkatapos mag-install ng isang bagong plugin. Laging gamitin ang pinakamabilis, pinaka magaan, maaasahang mga plugin.

Linis ng Asset ay mahusay para sa pagpabilis ng mga plugin. Hinahayaan ka nitong makita kung aling mga plugin, script, at estilo ang naglo-load sa ilang mga pahina, at pagkatapos ay piliin ang mga ito sa nilalaman na hindi nila kailangang ma-load. Kung hindi mo pa ito nagagawa, nais kong 100% inirerekumenda ang paggamit ng Asset CleanUp.

  • Iwasan ang mga mataas na plugin ng CPU: iwasan ang listahang ito ng mabagal na mga plugin. Ang mga karaniwang mabagal na plugin ay kasama ang mga plugin sa pagbabahagi ng sosyal, portfolio, slider, istatistika, backup, at iba pa.
  • Palitan ang mga mataas na plugin ng CPU sa mas mabilis na mga plugin: kinakailangan ang ilang pananaliksik, ngunit palitan ang alinman sa iyong mga mataas na plugin ng CPU na may mas mabilis, mas magaan na plugin.
  • Tanggalin ang mga plugin na hindi mo kailangan: maaari mong palitan ang mga plugin na may code (hal. ipasok nang direkta ang code sa pagsubaybay sa GA, gumamit ng mga widget sa Facebook sa halip na mga plugin, o lumikha ng isang talahanayan ng mga nilalaman sa HTML + CSS? Ang anumang mga plugin na maaari mong palitan ng code, gawin ito.
  • Huwag gumamit ng JetPack para sa ilang mga module: una, huwag paganahin ang lahat ng mga module na hindi mo ginagamit ngayon sa mga setting ng debug. Susunod, kailangan mo ba talaga ang JetPack kung gagamitin mo lamang ito para sa ilang bagay? Ito ay kahihiyan para sa pagbagal ng mga site. Ikaw ay pumipusta sa paghahanap ng isang hindi namumula plugin na ginagawa lamang ang parehong pag-andar.
  • Hanapin ang iyong pinakamabagay na mga plugin: gamitin ang tab na GTmetrix Waterfall o Query Monitor (ang mga query sa pamamagitan ng mga bahagi na bahagi) upang makita ang iyong pinakamabagal na mga plugin. Kung ang isang plugin ay nagpapakita ng maraming beses sa iyong ulat ng PageSpeed ​​+ YSlow, maaari rin itong maging isang indictor.

13. I-optimize ang Panlabas na Mga script

Panlabas na script ay anumang bagay na humihiling ng mga kahilingan mula sa labas ng mga website.

Ang pinaka-karaniwang panlabas na script ay ang Google Font, Google Analytics, Google Tag Manager, AdSense, Mga Mapa, mga plugin sa pagbabahagi ng social, naka-embed na mga video, Gravatars, at kahit na Facebook Pixel.

Panlabas na Mga script sa GTmetrix

Ang ilang mga script ng third party ay madaling i-optimize:

  • Mga Google Font maaaring pagsamahin at mai-host nang lokal gamit ang WP Rocket, Autoptimize, o kahit Asset CleanUp. Maging minimal sa mga font + na timbang!
  • Google Analytics maaaring mai-optimize gamit ang WP Rocket o CAOS Analytics.
  • Mga naka-embed na video maaaring tamad na ma-load at pinalitan ng iframe ng isang imahe ng preview gamit ang WP Rocket, WP YouTube Lyte, o paggamit light YouTube embeds.
  • Magdagdag ng cache ng browser sa Facebook Pixel maaaring gawin gamit ang add-on ng WP Rocket.
  • Mga plugin sa pagbabahagi ng lipunan kailangang i-update ang ‘tulad ng mga bilang’ (hindi bababa sa marami sa kanila). Nangangailangan lamang ito ng paghahanap ng magaan na mga plugin sa pagbabahagi ng panlipunan at pagsubok.
  • Hindi nagamit na mga module ng JetPack dapat hindi pinagana (hanapin ang mga ito sa mga setting ng debug).

Ang ibang mga script ng third party ay hindi madali:

  • Google Adsense maaaring mai-load nang walang patid, tamad na na-load, o maaari mong subukan ang Cloudflare’s SG Railgun na tumutulong sa pabilisin ang dinamikong nilalaman. Gayunpaman, ang mga ito ay maaaring mahirap ipatupad at ang AdSense ay maaaring ganap na pumatay ng mga marka ng GTmetrix at mga oras ng pagkarga. Iyon ang dahilan kung bakit inirerekumenda ko ang kaakibat na marketing sa halip.
  • Google Tag Manager dapat gamitin lamang para sa mga malaki, hindi na-optimize na mga site. Kung hindi man ito ay karaniwang gumagawa ng higit na pinsala kaysa sa mabuti pagdating sa mga oras ng pag-load.

14. Pagkakonekta At Prefetch

Ang pagkonekta at prefetching ay gawing mas madali para sa mga browser inaasahan ang mga kahilingan ng third party (Mga Google Font, Analytics, AdSense, naka-embed na video, at iba pang mga website sa labas).

Mozilla sabi:

“Ang mga kahilingan sa DNS ay napakaliit sa mga tuntunin ng bandwidth, ngunit ang latency ay maaaring medyo mataas, lalo na sa mga mobile network. Sa pamamagitan ng partikular na prefetching na mga resulta ng DNS, ang latency ay maaaring mabawasan sa ilang mga oras, tulad ng kapag ang isang gumagamit ay nag-click sa link. Sa ilang mga kaso, ang latency ay maaaring mabawasan ng 1s. “

Paano Mag-prefetch Mga Kahilingan sa DNS
Pre * Mga Sanggunian ng Mapagkukunan ng Partido ay may mga sumusunod na tampok: DNS prefetch, prerender, preconnect, prefetch, at preload (narito ang kanilang mga kahulugan). Makakatulong ito kung mayroon kang mga script ng third party sa iyong site (Google Font, Analytics, YouTube video, Gravatars, atbp). Kopyahin ang listahang ito ng karaniwang mga panlabas na domain (o magdagdag ng iyong sariling) at idagdag ang mga ito sa alinman sa Pre * Party o WP Rocket.

Prefetch-DNS-Kahilingan

15. Gumamit ng isang Better Cache Plugin

Hindi lahat ng mga plugin ng cache ay pantay.

Ang WP Rocket ay karaniwang minarkahan ng # 1 sa mga botohan sa Facebook at nagbubunga ng pinakamahusay na mga oras ng desktop at mobile load (at mga marka ng GTmetrix). Iyon ay dahil ang WP Rocket ay may maraming mga tampok kaysa sa iba pang mga plugin ng cache. Kung gagamitin mo ang isa pang plugin ng cache na walang mga tampok na ito, kakailanganin mong mag-install ng halos 6-7 na dagdag na plugin, habang ang WP Rocket ay mayroong lahat ng mga tampok na ito na built-in.

Ang resulta?

Mas kaunting mga plugin sa iyong site, ngunit mas maraming mga tampok sa pag-optimize ng bilis at mas mahusay na mga resulta.

Mga Tampok na WP Rocket Hindi Kasama Sa Karamihan sa Mga Plugin ng Cache:

  • Paglilinis ng Database: built-in sa WP Rocket, o gumamit ng WP-Optimize.
  • Malas ang Naglo-load: built-in sa WP Rocket, o gumamit ng WP YouTube Lyte.
  • Kontrol ng Puso: built-in sa WP Rocket, o gumamit ng Heartbeat Control.
  • Lokal na Google Analytics: built-in sa WP Rocket, o gumamit ng CAOS Analytics.
  • Mga Lokal na Google Font: built-in sa WP Rocket, o gamitin ang alinman sa OMGF o SHGF.
  • Prefetch DNS Hiling: nakapaloob sa WP Rocket, o gumamit ng Pre * Petsa ng Mapagkukunan ng Partido.
  • Pag-cache ng Pixel Browser ng Facebook: built-in sa WP Rocket (walang ibang plugin ang gumagawa nito).
  • Mga CDN: built-in sa WP Rocket (parehong Cloudflare + maraming CDN), o gumamit ng CDN Enabler.

2016 pinakamahusay na poll cache plugin

2019 poll plugin ng cache

Swift vs WP Rocket

2016 poll ng plugin ng cache

Pinakamahusay na cache plugins 2018 poll

wp rocket vs w3 totla cache

16. Linisin ang Iyong Database

Ang madalas na paglilinis ng iyong database ay pinipigilan ito mula sa pagdugo.

Pwede mong gamitin WP-Optimize o WP Rocket upang mag-iskedyul ng lingguhan o biweekly paglilinis ng database (ngunit inirerekomenda ang pagkuha ng backup). Karaniwan, ang lahat sa mga setting ay dapat tanggalin maliban sa hindi aprobadong mga komento. Ang mga talahanayan ng database ay madalas na naiwan ng mga plugin na tinanggal mo, ang isang pag-revise ng post ay nilikha sa tuwing mag-edit ka ng isang post, dapat mong alisan ng laman ang iyong folder ng basurahan, at iba pa.

WP-Optimize ang Malinis na Database

Inirerekumenda ko rin ang Perfmatters o I-clear upang limitahan ang mga pagbabago sa post sa 2-3, huwag paganahin ang mga auto-draft, at huwag paganahin ang mga backback ng + trackback. Tinatawag ko ang mga “iba’t ibang mga pag-optimize” at paggamit Mga Perfmatter ni Kinsta na may mga sumusunod na tampok (hinahayaan din nitong piliin mo nang huwag paganahin ang mga plugin + script):

tampok ng mga perfmatter

Mga Madalas na Itanong

&# x1f680; Ang pag-optimize ba sa desktop ay nagpapabuti din sa mga oras ng pag-load ng mobile?

Oo, halos lahat ng mga pag-optimize na ginawa sa desktop ay mapapabuti din ang mga oras ng pag-load ng mobile. Iyon ang dahilan kung bakit pinakamahusay na ayusin ang mga ito muna.

&# x1f680; Ano ang pinakamadaling paraan upang mapagbuti ang bilis ng mobile sa WordPress?

Gumamit ng isang adaptive na plugin ng mga imahe (hal. Mula sa ShortPixel) upang matiyak na ang iyong mga imahe ay tama nang sukat ng laki para sa mga mobile device. Kung gumagamit ka ng isang hiwalay na subdomain para sa iyong mobile site, siguraduhin na ang mga pag-redirect ay maayos ang pag-setup at hindi ka nakakakuha ng mga pag-redirect ng mga error sa GTmetrix.

&# x1f680; Aling mga desktop optimization ang dalhin sa mobile?

Ang pag-host, pag-upgrade ng mga bersyon ng PHP, at pag-optimize ng mga imahe, mga font, at mga plugin lahat ay nagdadala sa mobile at may malaking epekto sa parehong bilis ng iyong mobile at desktop. Napaka importante!

&# x1f680; Ano ang tungkol sa mga mobile na rekomendasyon mula sa Google PageSpeed ​​Insights?

Mas mabuti kang magbayad ng pansin sa tab ng Waterfall ng GTmetrix kaysa sa Google PageSpeed ​​Insight, dahil ito ay nagsasabi sa iyo nang eksakto kung aling mga elemento ang pinakahihintay upang mai-load at mas tiyak ang mga rekomendasyon. Karamihan sa komunidad ng WordPress ay nagsasabi sa iyo na huwag magbayad ng pansin sa Google PageSpeed ​​Insight at mag-focus sa GTmetrix.

&# x1f680; Ano ang pinaka-tumpak na paraan upang subukan ang mga oras ng pag-load ng mobile?

Mas gusto ko ang tool sa pagsubok sa mobile na GTmetrix na maaari mong gamitin sa pamamagitan ng pag-sign up para sa isang libreng account ng GTmetrix, pagkatapos ay subukan ang iyong site sa Android.

Kailangan ng Tulong sa Iyong Bilis ng Mobile ng WordPress?

Ipadala sa akin ang iyong ulat sa GTmetrix sa mga puna at matutuwa akong magbigay ng ilang mga payo. O, kung nais mong umarkila ang aking koponan at gagawin kong mas mabilis ang iyong site sa WordPress (parehong mobile at desktop), nag-aalok din kami ng isang serbisyo sa pag-optimize ng bilis ng WordPress bago at pagkatapos ng mga ulat ng GTmetrix.

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