Panimulang Gabay sa Pag-optimize ng File ng Website (70% Mas mabilis na Naglo-load)

Upang pabilisin ang iyong website at i-save ang bandwidth, ang compression ay isa sa mga pinaka-epektibo (at pinakamadaling) paraan upang maisakatuparan iyon.


… Gayunpaman, maraming mga may-ari ng website ay hindi pa rin mai-optimize ang kanilang mga file noong 2020, alinman dahil hindi nila alam kung gaano kahalaga ito o hindi nila alam kung paano.

Upang gumawa ng isang maikling kwento, ang isa sa mga pinakamahalagang paraan upang mapabilis ang bilis ng iyong pag-load ng pahina ay upang gawin ang iyong mga file na JavaScript (JS) na nag-load ng mas mabilis … At maaari mong mapabilis ang iyong JavaScript sa pamamagitan ng paggamit ng GZIP compression.

Ngayon, angkop lamang ito para sa mga modernong browser, ngunit ang karamihan sa mga tao sa internet ay gumagamit ng isang kamakailang aparato at browser. Ang parehong Yahoo at Google ay gumagamit ng compression ng GZIP.

Ngunit una, magtatag tayo ng kaunting konteksto.

Hakbang # 1: Ano ang nilalaman ng Encoding?

Upang ma-epektibong ma-optimize ang iyong mga file sa website, mahalagang maunawaan ang isang konsepto na kilala bilang pag-encode ng nilalaman.

Upang mailagay ito nang simple, ginagamit ito upang maging posible para sa isang dokumento na mai-compress nang walang panganib na mawala ang pinagbabatayan na pagkakakilanlan ng uri ng media. Makikipag-usap ang iyong browser sa isang web server kapag humiling ka ng isang file.

Hiling ng HTTP

Karaniwan, ang browser ay nagsasabi sa server kung ano ang nais nito. Hinahanap ito ng server at hahanapin ito. Ang browser pagkatapos ay naglo-load ito. Mas malaki ang file, mas mahaba ang browser upang mai-load ito.

Kaya, ano ang gagawin mo kapag ang isang file ay masyadong malaki?

I-zip mo ito. Kapag nagpadala ka ng isang file na naka-zip sa isang browser, naka-save ka sa parehong oras ng pag-download at bandwidth.

Mayroong dalawang mga elemento na nauugnay sa server at alam ng browser na masarap na magpadala ng isang naka-zip na file:

  • Pinapayagan ng browser na malaman ng server na masarap na ipadala ang naka-compress na nilalaman sa pamamagitan ng pagpapadala ng isang header
  • Kung ang nilalaman ay nai-compress, ang server ay nagpapadala ng isang tugon

Kung ang file ay hindi nai-compress, ang server ay hindi magpapadala sa header ng tugon na naka-encode ng nilalaman. Ang header na tumatanggap ng pag-encode ay hindi isang kahilingan, ngunit isang kahilingan lamang na ginawa ng browser.

Kailangang harapin ng browser ang regular na mabibigat na bersyon ay hindi ipinapadala ng server ang naka-compress na nilalaman.

Pag-set up ng Server

Wala kang kontrol sa browser. Papadalhan nito ang header o hindi ito ipadala. Gayunpaman, maaari mong i-configure ang server na iyong ginagamit upang matiyak na ang nilalaman ng siper ay naibalik hangga’t ang browser ay maaaring hawakan ito. Nagreresulta ito sa makabuluhang pagtipig ng bandwidth.

pagganap ng web pagkatapos ng compression

Upang gawin ito, paganahin lamang ang mga setting ng compression para sa IIS. Kung gumagamit ka ng Apache, medyo diretso upang paganahin ang output compression. I-access lamang ang iyong .htaccess file at idagdag ang tamang code.

Mayroong dalawang mga pagpipilian sa compression na pipiliin sa Apache:

  • Pamantayan ang mod_deflate at mas madaling i-set up ito
  • Pinapayagan ka ng mod_gzip na mag-pre-compress na nilalaman at lumilitaw itong mas malakas

madaling apache deflate

Hindi mahalaga kung aling pagpipilian ang pipiliin mo, titingnan ng Apache upang makita kung ipinadala ng browser ang header para sa pagtanggap ng pag-encode, at pagkatapos ay ibalik ang file sa regular na bersyon o ang naka-compress na bersyon nito.

Kung ang isang mas matandang browser ay nagdudulot ng mga problema, may mga bagay na maaari mong gawin upang iwasto ito sa pamamagitan ng pagdaragdag ng ilang mga espesyal na direktiba.

Upang maibalik ang naka-compress na nilalaman, maaari mong gamitin ang PHP kung hindi ka makagawa ng mga pagbabago sa iyong .htaccess file. Sa PHP:

<?php kung (substr_count ($ _ SERVER [‘HTTP_ACCEPT_ENCODING’], ‘gzip’)) ob_start (“ob_gzhandler”); iba pa ob_start (); ?>

Ang isang gzipped na bersyon ng file ay naibalik pagkatapos suriin ang header na tinatanggap na naka-encode. Katulad ito sa pagbuo ng iyong webserver. Upang i-compress ang iyong output, Ginagawang madali ng Apache.

Mahalagang caveat: karamihan sa software ng pagbuo ng website ay hindi pinapayagan ang pag-edit ng antas ng code (na may ilang mga pagbubukod). Sa Hosting Canada, kami ay malakas na tagapagtaguyod ng sarili sa pagho-host ng iyong site, ngunit napagtanto na hindi ito para sa lahat. Kapag gumagamit ng mga tagabuo ng website tulad ng Squarespace, Wix o Weebly, ang ganitong uri ng pag-ikot ng antas ng server ay marahil ay hindi maaabot sa iyo.

Patunayan ang Iyong Kompresyon

Mahalaga upang matiyak na naghahatid ka ng mga naka-compress na nilalaman pagkatapos mong makumpleto ang pag-configure ng iyong server. Upang matukoy kung ang iyong pahina ay nai-compress sa online, maaari mong gamitin ang isang online na pagsubok sa GZIP.

Sa iyong browser, maaaring makatulong sa iyo ang mga tool ng developer. Gusto mong pumunta sa tab ng network, i-refresh ang pahina at pagkatapos ay i-click ang linya ng network ng tukoy na pahina.

Kung ang mga nilalaman ay ipinadala na-compress, makikita mo ang header ng “nilalaman-encode: GZIP”.

google chrome gzip header

Upang makakuha ng higit pang mga detalye, maaari kang mag-click sa icon para sa “gumamit ng malalaking hilera.” Nagbibigay din ito ng impormasyon tungkol sa totoong sukat ng nilalaman at ang naka-compress na laki ng paglipat.

Mga Caveats na Isaalang-alang

Ang kompresyon ay nagbibigay ng isang pakinabang ng mga benepisyo, ngunit may mga pagbagsak sa lahat. Nais mong magkaroon ng kamalayan ng mga sumusunod:

  • Graph ng Compression RatioNilalaman na nai-compress na: Karamihan sa musika, video at mga imahe ay nai-compress na. Kung susubukan mong muling i-compress ang mga ito, higit sa lahat ito ay pag-aaksaya lamang ng oras. Sa karamihan ng mga kaso, kailangan mo lamang mag-alala tungkol sa pag-compress ng CSS, HTML at JavaScript.
  • Mga matatandang browser: Ang mai-compress na nilalaman ay hindi katugma sa lahat ng mga browser. Ito ay totoo lalo na para sa mga browser na mas matanda. Halimbawa, maaaring nais mong maiwasan ang pag-compress ng HTTP kung dapat kang magtrabaho sa Windows 95 o sa Netscape 1.0. Mayroong ilang mga patakaran at alituntunin upang maiwasan ang compression para sa mga mas lumang browser na may Apache mod-deflate.
  • Pag-load ng CPU: I-save ang bandwidth at gumamit ng oras ng CPU kapag nag-compress ka ng nilalaman on-the-fly. Isinasaalang-alang ang bilis ng compression, ang tradeoff ay karaniwang tiningnan bilang patas. Mayroong mga paraan upang kapwa magpadala ng mga naka-compress na bersyon at pre-compress static na nilalaman. Sa pangkalahatan ito ay nangangailangan ng higit pang pagsasaayos. Alalahanin na ang mga tao sa internet ay may isang maikling span ng pansin, kaya ang pagtaas ng bilis para sa mas mahusay na karanasan ng gumagamit sa pamamagitan ng paggamit ng mga siklo ng CPU ay karaniwang palaging isang magandang ideya.

Bakit Dapat Mong Gumamit ng GZIP Compression

http compression consoleNag-aalok ang GZIP compression ng isang kayamanan ng mga benepisyo. Mahalagang malaman kung ano ang mga ito upang lubos mong malaman kung bakit dapat mong simulan ang paggamit nito.

Sa average, gamit ang GZIP upang i-compress ang iyong CSS at HTML file ay nakakatipid sa iyo ng 50 hanggang 70 porsyento ng kabuuang sukat ng file. Ang makabuluhang file ng pag-save ng laki ng file sa isang mas mahusay at mahusay na karanasan ng gumagamit sa iyong website.

Ang pamamaraan na ito ay gumaganap din ng isang mahalagang papel sa pangkalahatang SEO ng iyong website. Ginagamit ng mga search engine ang mga kumplikadong algorithm upang matukoy kung saan nahuhulog ang mga site at webpage sa mga resulta ng paghahanap.

Ang isang elemento na nagiging mas mahalaga sa bawat pag-update ng algorithm ay ang oras ng pagkarga sa webpage. Ginagamit ng mga search engine ang impormasyong ito upang matukoy ang pangkalahatang pag-optimize ng isang website.

pagsubok ng bilis ng compression ng gzipKapag mabilis na nag-load ang mga webpage, ang mga bumibisita sa site ay hindi kailangang maghintay upang ma-access ang nilalaman na hinahanap nila. Alalahanin na ang mga gumagamit ng internet ay may isang maikling span ng pansin.

Kung ang isang webpage ay tumatagal ng masyadong mahaba upang mai-load, ang gumagamit ay malamang na mag-click sa malayo at makahanap ng isang mas mabilis na site na may katulad na impormasyon. Gusto ng mga search engine na gantimpalaan ang mas mabilis na mga website ng paglo-load, kaya binibigyan sila ng mas mataas na paglalagay ng resulta ng paghahanap.

Ang isang mas mabilis na website ay nagdaragdag din ng mga conversion. Nangangahulugan ito na kung mayroon kang isang e-commerce website, mas mabilis ang naglo-load, mas mataas ang iyong benta. Sa katunayan, humigit-kumulang 51 porsyento ng mga Amerikano ang nagsasabi na ang bilang isang dahilan na pinabayaan nila ang isang pagbili ay isang mabagal na website.

Ipinapakita ng mga pag-aaral ng kaso na maaari mong pagbutihin ang rate ng iyong conversion nang higit sa 15 porsyento sa pamamagitan ng pagbawas ng oras ng pag-load ng iyong website sa pamamagitan lamang ng 2.2 segundo.

Pag-areglo ng Mga Isyu sa GZIP Compression

Tulad ng lahat ng mga elemento ng teknolohiya, ang pag-compress ng GZIP ay maaaring mabigo para sa pinakamaliit na mga kadahilanan. Ang mabuting balita ay ang karamihan sa mga dahilan para sa kabiguan ay naayos.

Ang unang elemento na titingnan ay kung ang GZIP compression ay suportado ng iyong web host. Habang sinusuportahan ito ng karamihan dahil sa kahalagahan nito para sa pag-load ng pahina, mayroong isang piling ilang na hindi nag-abala upang matiyak ang pagiging tugma. Maaari kang makipag-ugnay sa iyong web host upang matukoy kung ang pagkakatugma ng GZIP ay isang isyu.

Ang susunod na elemento upang galugarin ay ang iyong code. Kahit na ang isang maling character ay maaaring maging sanhi ng mga problema. Maghanap para sa isang napalampas na character, isang error na syntax o anumang hindi nabagong code. Ang lahat ng iyong coding ay dapat gumana sa iyong arkitektura para sa compression upang maging matagumpay.

Maaari mo lamang suriin ang iyong code na na-input mo sa PHP o .htaccess (ito ay tinalakay sa itaas). Kung hindi ka makahanap ng isang isyu, ngunit naniniwala ka na ang code ay sisihin, isaalang-alang lamang ang pagpapalit nito nang ganap sa ibang code na mas malamang na gumana..

Sa ilang mga kaso, ang iyong web host ay may access sa tamang mga file upang payagan ang pag-compress ng GZIP, ngunit hindi mo. Sa pagkakataong ito, tawagan lamang ang iyong host at hilingin sa kanila na paganahin ang mga ito.

Nalaman mo nang mas maaga sa artikulong ito tungkol sa pagsuri sa iyong GZIP compression. Ito ay isang mabilis at madaling pagpipilian para sa pag-aayos. Sa pangkalahatan inirerekumenda na gawin mo muna ito. Kung may isang bagay pa rin na mali, pagkatapos ay suriin sa iyong web host at suriin ang code na iyong ginamit.

Kung wala sa oras ang iyong browser, ito rin ay maaaring maging sanhi ng mga isyu sa GZIP compression. Lalo na ito sa mga lumang bersyon ng Internet Explorer. Kung maraming mga taong bumibisita sa iyong site ay gumagamit ng isang lumang browser, ito ay isang isyu na maaaring kailanganin mo.

Kung ang mga file sa iyong site ay napakalaki, maaari rin itong magpahiwatig ng mga isyu tungkol sa compression ng GZIP. Kung gumagamit ka ng isang mas lumang bersyon ng GZIP, ang mga limitasyon sa laki ng file ay maaaring medyo maliit, tulad ng dalawang gigabytes o mas kaunti. Dahil dito, nais mong matukoy kung ano ang mga limitasyon ng iyong bersyon ng GZIP.

Isa sa mga pinakamahusay na paraan upang pagbutihin ang pagganap at bilis ng iyong website ay sa pamamagitan ng pagpapagana ng compression. Ngayon na alam mo kung paano ito gawin, maaari mong simulan ang pagkuha ng buong bentahe ng mga benepisyo.

Magkaroon ng kamalayan sa mga caveats at isaalang-alang ang mga ito habang nagtatrabaho ka. Ang susunod na hakbang ay upang mai-set up ito upang ang iyong mga bisita ay maaaring umani ng mga benepisyo.

Ang isang madalas na hindi napansin na kadahilanan ng bilis ng website ay may kinalaman sa iyong pagpipilian ng web hosting company. Oo, gumagawa ito ng isang pagkakaiba na pinili mo, dahil ang ilan lamang ay gumaganap nang mas mahusay kapag ginugugol mo ang oras upang mabulok ang data.

Para sa karagdagang impormasyon tingnan ang aking gabay sa kung paano mapabuti ang bilis ng iyong website.

Mga sanggunian at mga kredito ng imahe:

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