14 Mga Trick ng Pag-iilaw Upang Mapabilis ang Iyong Website

Ang serye ng blog tungkol sa bilis ng website ay naging isang masaya pagsakay.


Sa ngayon, nalaman namin na ang Amazon ay mawawalan ng $ 1.6 Bilyon (!) Kung bumagal ang kanilang website.

Nalaman din namin kung ano mismo ang nangyayari sa likod ng mga eksena upang maging sanhi ng pagbagal ng website.

Dinadala tayo nito sa aming likas na konklusyon: kung paano eksaktong mapabilis mo ang mga bagay? Sinasaklaw namin ang lahat mula sa bilis ng server, sa pag-optimize at ilang mga bonus extras sa pagitan.

Una, sabihin kung ano ang sanhi ng bilis ng tamad:

Kapag na-load mo ang aking website dito sa Bitcatcha, nagsimula ang iyong browser (Firefox, Safari, Chrome atbp) ng isang pag-uusap sa aking web server.

Browser: “Hoy web server! Maaari mong makuha sa akin ang lahat ng mga piraso at piraso upang ipakita ang Bitcatcha.com mangyaring? “

Server: “Oo na bagay, hahanapin ko sila, at padalhan sila”.

Pagkatapos, inilalagay ng web server ang lahat ng mga bahagi ng website sa isang lagusan, at ipinapadala ang mga ito sa iyong browser upang mai-load ito.

Tunog na simple, ngunit narito kung ano ang magpabagal ng mga bagay:

  • Isang tamad na server na tumatagal ng edad upang tumugon sa mga kahilingan.
  • Ang isang server na sabay na namamahala ng mga bahagi para sa maraming iba pang mga website.
  • Napakaraming mga malaking bahagi ng website na dapat matagpuan at ipadala ang bawat tunel.
  • Isang abalang lagusan.

Marami ang maaaring magkamali rito. Kaya, paano namin pabilisin ang mga bagay?

Pabilisin ang Iyong Website

Bahagi 1: Gawing Mas Mas mabilis ang Iyong Server

1. Mag-upgrade sa isang mas mahusay na web host (ibig sabihin, isang mas mahusay na server)

Ang iyong web host ay ang kumpanya na nagbibigay ng server. Ito ay tulad ng pag-upa ng isang balangkas ng lupang internet, kung saan maiimbak mo ang lahat ng mga bahagi ng website.

Karamihan sa atin ay may posibilidad na bumili ng pinakamababang balangkas ng lupa na matatagpuan namin. Ngunit hindi iyan kinakailangan ng isang matalinong solusyon.

Ang mga murang mga host ng web ay nagrenta ng mga server na matao, at maliit. Tandaan, nais mong tumugon ang iyong server nang mabilis sa mga kahilingan, at mabilis na ipadala ang iyong website pababa sa tunel sa browser.

Tandaan

Suriin ang aming listahan ng pinakamabilis na web hosting batay sa kanilang oras ng pagtugon sa server.

2. Lumipat mula sa ibinahaging pagho-host sa isang VPS

Ang mga murang host ng web ay ilalagay ang iyong website sa isang server kasama ang mga tonelada ng iba pang mga website. Tinatawag itong ibinahaging hosting, at nangangahulugang kailangan mong labanan ito para sa mga mapagkukunan.

Kung ang isang website ay biglang nakakakuha ng maraming trapiko, babagal nito ang iyong sarili, habang inaalis nila ang bandwidth.

Sa pamamagitan ng paglipat sa isang VPS (isang virtual pribadong server) o (hindi bababa sa isang high end shared server tulad ng SiteGround), ang iyong web host ay bakod mula sa isang sulok ng ibinahaging server para lamang sa iyo. Nangangahulugan ito na hindi ka dapat mag-alala tungkol sa iba pang mga website na nagnanakaw ng iyong mga mapagkukunan.

3. Ilipat ang server nang mas malapit sa iyong madla

Sa tuwing may nag-click sa iyong site, ang iyong server ay kailangang magpadala ng impormasyon sa buong planeta sa kanilang computer screen.

Kung ang server ay nasa kabilang panig ng mundo, aabutin ng mahabang panahon. Kung alam mo kung saan nagmula ang karamihan sa iyong trapiko, tanungin ang iyong web host na ilagay ang iyong website sa isang server na pinakamalapit sa iyong pangunahing madla.

4. Gumamit ng isang network ng paghahatid ng nilalaman

Ang problema sa paglipat ng iyong server nang mas malapit sa isang tiyak na madla, ay ang isang tao ay mawawala. Kung ililipat mo ang iyong server sa California, ang iyong mga bisita sa Australia ay makakakuha ng isang mabagal na oras sa paglo-load. Gayon din ang iyong mga bisita sa Europa.

Ang isang network ng paghahatid ng nilalaman, o CDN, ay naglalagay ng iyong data sa mga server sa buong mundo. Kaya kapag may nag-click sa iyong website, ang server na pinakamalapit sa kanila ay nagpapadala ng impormasyon.

Nangangahulugan ito na ang iyong mga bisita ay nakakakuha ng napakabilis na bilis ng kahit saan man sila sa mundo. (Para sa iyong sanggunian, gumagamit ako ng Cloudflare dito sa Bitcatcha.)

5. Isaaktibo ang setting na ‘panatilihing buhay’

Kapag ipinapadala ng iyong server ang iyong website file down ang tunel, bawat bahagi ay naglalakbay nang hiwalay. Ang iyong CSS styleheet, iyong logo, bawat isa sa iyong mga imahe, atbp.

Malinaw, ang pinaka-mahusay na paraan upang gawin ito ay ang pagpapadala ng lahat ng mga ito sa parehong malaking tunel.

Iyon ay kung saan ang setting na ‘panatilihing buhay’ ay pumapasok. Kapag ito ay aktibo, ang pangunahing tunel ay mananatili, at ang lahat ay bumababa ng magkatulad na koneksyon. (Mabilis itong mabilis).

Ngunit kapag ang setting ay naka-off, ang isang bagong tunel ay dapat gawin para sa bawat elemento. (Mabagal ito).

Karamihan sa mga web host ay nagpapatuloy sa setting na ito (na mabuti), ngunit kung minsan ay ibinahagi ng mga host na naka-host ang mga koneksyon nang walang babala.

Bahagi 2: I-optimize ang Mga Elemento ng Website

Ngayon na ginawa namin ang iyong server nang mabilis at mahusay hangga’t maaari, paano namin mai-optimize ang kanilang mga bahagi ng website?

6. Bawasan ang oras ng pag-ikot ng biyahe (RTT)

Kasalukuyang kailangang tanungin ng iyong browser ang server para sa bawat elemento, nang paisa-isa. Ang iyong logo, pagkatapos ay ang bawat isa sa mga imahe, pagkatapos ay ang iyong CSS styleheet.

Ang oras na kinakailangan upang makatanggap ito ay isang pag-ikot ng biyahe.

Ang higit pang mga pag-ikot ng mga biyahe na kailangan mong gawin, mas mahaba ang kinakailangan ng buong website upang mai-load. Tulad ng pag-iimpake ng iyong sasakyan ng mga kahon, at ilipat ang mga ito sa isang bagong bahay.

Ang higit pang mga kahon na nakuha mo, ang higit pang mga pag-ikot na biyahe na dapat mong gawin. Ang solusyon? Gupitin ang dami ng mga kahon na iyong kinukuha.

Bawasan ang dami ng mga elemento na dapat ipadala ng iyong server sa tunel. Mas kaunting mga imahe, mas kaunting code, mas kaunting mga plugin.

7. Paganahin ang compression sa iyong website

Sa kasamaang palad, hindi lamang ito ang bilang ng mga kahon. Kung gaano sila kabigat. Kung ang lahat ng iyong mga elemento ay malaki at mabibigat, kukuha ng maraming puwang sa iyong lagusan. Lilipat din sila. Ito ay tulad ng mga lorries na bumubuo. Ang bawat puno ng mga mabibigat na kahon.

Sa kabutihang palad, maaari mong i-compress ang iyong website, at lahat ng ito. Paggamit ng isang tool tulad ng Gzip. (Kinikilala ito ng 90% ng mga browser. – Karamihan sa lahat maliban sa ilang mga straggler na gumagamit pa rin ng Internet Explorer 4.)

Ang mga pinakapangit na bahagi ng iyong site ay ang mga imahe, HTML, CSS, at Javascript. Sa pamamagitan ng pag-compress sa kanila, maaari mong bawasan ang average na ‘bigat’ ng iyong site habang naglilipat ito.

Masaya na Katotohanan

Ang average na bigat ng isang website ay 2MB, ngunit mas lumalaki ito taun-taon.

8. I-optimize ang iyong mga imahe

Ang mga imahe ay karaniwang ang bigat na bahagi ng anumang website. Sila ang pinakamalaki, fatest, pinakamabagal na elemento ng paglo-load.

Magsimula sa pamamagitan ng pagbagsak sa kanila sa eksaktong sukat na kailangan mo sa kanila. Huwag mag-upload ng napakalaking mga imahe, at sukatin ang mga ito sa HTML. I-upload lamang ang mga ito sa tamang sukat.

Gayundin, i-compress ang iyong mga imahe bago mag-upload. Kung gumagamit ka ng WordPress, maaaring masira ng mga plugin tulad ng WP Smush ang laki ng imahe sa pamamagitan ng isang mahusay na 80%!

9. … O gumawa ng mga sprite

Ang isang sprite ay isang solong imahe na naglalaman ng maraming maliit na imahe. Napakaganda para sa pagbabahagi ng mga pindutan o iba pang mga elemento ng imahe.

Ngayon, ang iyong website ay kailangan lamang gumawa ng isang kahilingan, sa halip ng sampung magkahiwalay. Pagkatapos ay maaari mong gamitin ang CSS upang piliin kung aling mga bahagi ng imahe ang ipinapakita kung saan.

10. Pakurot ang iyong code

Ang HTML ay siksik at mabigat. Hindi rin ito kapani-paniwalang paulit-ulit. Ang CSS ay medyo mas streamline, ngunit maraming mga ito ay kalabisan.

Panahon na upang dumaan ang iyong code na may isang mahusay na suklay ng ngipin, at alisin ang lahat ng mga hindi kinakailangang mga piraso.

Kung gumagamit ka ng isang template mula sa WordPress, Tumblr atbp, baka mayroong maraming mga code na hindi mo ginagamit. Ang mga template na ito ay naka-set up upang mabigyan ka ng maraming mga pagpipilian para sa pag-andar. Ngunit ang karamihan sa atin ay hindi nangangailangan ng lahat.

Maging walang awa!

11. I-uninstall ang mga walang silbi na plugin (WordPress)

Nag-eksperimento kaming lahat ng mga tonelada ng mga plugin sa loob ng maraming taon. Ngunit madalas, nakalimutan nating i-uninstall ang mga ito.

Ang bawat plugin ay isa pang kahilingan ng server. Ito ay isa pang mabibigat na pakete na nakaharang sa iyong bilis ng lagusan.

Kung hindi mo ito ginagamit, patayin.

12. Bawasan ang mga pag-redirect

Para sa bawat pag-redirect, ang iyong mga pakete ay pataas at pababa sa tunel nang dalawang beses. Maliban kung kailangan mong, huwag gumamit ng mga pag-redirect sa iyong website.

Bahagi 3: Mga Extras ng Bonus

13. Bawasan ang mga lookup ng DNS

May isang bahagi ng proseso na hindi pa namin napag-uusapan. Nangyayari ito mismo sa umpisa.

Bago simulan ng iyong browser ang pag-uusap sa server, kailangang hanapin ang lokasyon ng server (Sa pamamagitan ng paghahanap ng IP address nito). Ito ay tulad ng pagtingin sa numero ng server sa phone book. Tumatagal ito ng kaunting oras. (Karaniwan 20-120 milliseconds).

Ito ay tumatagal ng mas mahaba kung maraming mga pangalan ng domain na nauugnay sa iyong website. Kasama sa mga karaniwang halimbawa: blog.yourwebsite.com, o karagdagang mga domain para sa mga imahe, styleheet, at mga bagay na flash.

Kung kailangang gawin ito ng iyong browser ng limang beses, maaari kang mawalan ng kalahati ng isang segundo. Panatilihin ito sa ilang mga domain hangga’t maaari.

14. Pag-cache ng Browser

Isipin kung gaano kabilis ang mga bagay kung ang iyong browser ay maaaring mapanatili ang isang kopya ng lahat ng mga file ng website. Sa ganoong paraan, hindi nito kailangang makipag-ugnay sa server sa bawat oras. Maaari lamang itong mai-load mula sa memorya.

Iyon ang caching. Nangangahulugan ito na ‘naaalala’ ng iyong browser ang website. Kapag nai-load mo ito sa pangalawang pagkakataon, napakabilis nito.

Phew! Iyon ay isang mas mahabang post kaysa sa dati, ngunit sa palagay ko ito ay nagkakahalaga.

Ngayon alam mo na ang lahat doon upang malaman ang tungkol sa paggawa ng mabilis ng kidlat ng iyong website. Ang mga trick na ito ay maaaring mag-ahit ng mga segundo sa iyong bilis ng pag-load.

Nangangahulugan ito ng mga maligayang bisita. At nangangahulugan ito ng mas maraming mga benta.

Gabay sa Bilis ng WordPress

Kung ang iyong website ay binuo gamit ang WordPress, naipon namin ang isang detalyadong hakbang sa gabay sa hakbang sa pagpabilis ng WordPress. Ginagamit namin ang eksaktong mga hakbang upang makagawa ang mga Bitcatcha.com na naglo-load sa loob ng 3 segundo.

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