Habang walang alinlangan ang ilang mga salik na nakakaapekto sa kita, karamihan sa mga eksperto ay nagsasabi na ang mga site ng negosyo na naglo-load sa loob ng 5 segundo ay nakakakuha ng halos dobleng mga ginagawa nito sa 19, ang average na oras ng pag-load ng site.
Ang pag-aaral ay karagdagang natagpuan na ang mga site na naglo-load sa loob ng 5 segundo ay may:
- 25% mas mataas na visibility ng ad,
- 35% mas mababang bounce rate, at
- 70% mas matagal na mga sesyon ng gumagamit.
Iyon ay tiyak na kung bakit kailangan namin na nakatuon sa mobile-unang solusyon upang matulungan ang aming mga negosyo na magtagumpay. Pagkatapos ng lahat, ang bilis ng mobile ay hindi kailanman naging mas mahalaga.
$config[code] not foundMabagal Naglo-load Bilis Maaari Talagang Maging Isang Problema
Ayon sa Google,
- 1 sa 2 tao ang inaasahan ng isang pahina na mag-load sa loob ng mas mababa sa 2 segundo.
- 53% ng mga pagbisita ay mas malamang na inabanduna kung ang pahina ay tumatagal ng mas mahaba kaysa sa 3 segundo upang mai-load sa isang mobile device.
- 46% ng mga tao ang nagpakita ng kawalang-kasiyahan sa paghihintay na mag-load ng mga pahina habang nagba-browse sa web sa isang mobile device.
Ang 3 pangunahing mga kadahilanan na bumabagal sa mga site sa mobile internet ay ang bilang ng mga kahilingan ng server, laki ng file at ang sunud-sunod na pagkakasunud-sunod ng mga elemento ng paglo-load ng pahina. Kaya ngayon kami ay naka-highlight ang mga sanhi; makarating tayo sa solusyon.
Paano Palakihin ang Bilis ng Mobile Site
Sukatin At I-minimize ang Oras ng Tugon ng iyong Server
Ang bilis ng iyong mobile na pahina ay hindi lamang nakasalalay sa iyong code ngunit umaasa din sa isang mahalagang kasangkapan sa tech na tinatawag na server.
Ang mas mahabang paghihintay ng iyong server upang tumugon sa isang kahilingan sa browser, ang mas mabagal na naglo-load ng iyong pahina sa device. Inirerekomenda ng karamihan sa mga eksperto sa Google na ang iyong server ay nagsisimula sa pagpapadala ng 1st byte ng mga mapagkukunan sa loob ng dalawang daang miliseconds ng isang kahilingan para sa isang mas mahusay na resulta.
Kadalasan, mayroong 3 pangunahing mga pamamaraan na kasangkot sa pagtataas ng oras ng tugon ng iyong server:
- Pagpapabuti ng iyong web server configuration o software.
- Ang pagpapabuti ng saklaw at kalidad ng iyong hosting service, lalo na tinitiyak na mayroon kang sapat na memory at mapagkukunan ng CPU.
- Pagbabawas ng bilang ng mga mapagkukunan na kailangan ng iyong mga web page.
Gumamit ng CSS upang Mag-load ng Mga Larawan
Kung nais mong itago ang iyong mga larawan sa nilalaman para sa mga mobile na gumagamit, i-load ang mga ito bilang mga larawan sa background sa pamamagitan ng CSS at gamitin ang mga query sa media upang itago ang mga ito nang may pasubali.
Ang isang pagkakaiba-iba ng pamamaraan na ito ay ginagamit ng Amazon upang i-load ang mga imaheng partikular sa aparato.
I-minimize ang Bilang ng Mga Redirect upang Palakasin ang iyong Bilis ng Pahina ng Mobile
Ang mga pag-redirect ay walang anuman kundi mga tagubilin na may kakayahang awtomatikong dalhin ang mga bisita ng website mula sa isang pahina papunta sa isa pa.
Maaaring kumain ang bawat pag-redirect ng mahalagang millisecond, na nagreresulta sa isang mas mabagal na pag-load ng pahina. Ito ay partikular na problemado para sa mga mobile device dahil madalas silang umaasa sa mga hindi maaasahang network kaysa sa mga gumagamit ng desktop.
Ang unang hakbang upang maayos ang isyung ito ay upang masuri ang bilang ng mga redirections sa iyong site sa pamamagitan ng paggamit ng mga tool tulad ng redirect mapper. Kung ang numero ay masyadong malaki, i-minimize ito, o sa isip, dalhin ito sa zero para sa mga pinakamahusay na resulta.
I-minimize ang mga JS at CSS File
Ang higit pang data ay nangangahulugang labis na timbang ng pahina. Dadalhin nito ang iyong mga pahina upang mag-load sa isang mobile device.
Iyon ang dahilan kung bakit karamihan sa mga web developer na nagkakahalaga ng kanilang katwiran ay alam ang pangangailangan ng pag-optimize at pagliit ng mga asset upang madagdagan ang bilis ng paglo-load ng pahina.
Tinatanggal ng "pagbubuklod" ang kalabisan nang hindi naaapektuhan ang pagpapakita ng isang pahina. Ang isang malawak na hanay ng mga tool ng Google ay maaaring makatulong sa iyo na alisin ang mga tulad na redundancies kabilang ang mga gusto ng:
- CSSNano (para sa CSS)
- UglifyJS (para sa JS)
Sa halip ng Mga Imahe, Gumamit ng CSS3
Mag-drop ng mga anino, bilugan na mga sulok, at gradient na pumupuno - lahat ng mga tampok na ito ay maaaring gawin sa pamamagitan ng CSS, sa halip ng mga larawan.
Ito ay lubos na makatutulong sa pagbawas ng bilang ng mga kahilingan ng HTTP kaya, pinapabilis ang oras ng paglo-load sa isa at sa parehong oras.
Gamitin ang Inline SVGs Sa halip na JPEG
Tulad ng mga URI ng data, maaaring ma-embed ang SVGs (scalable vector graphics) sa isang pahina upang mabawasan ang bilang ng mga kahilingan ng
Ang mga file na ito ay maaaring malikha sa isang vector graphics editor tulad ng Inkscape, Adobe Illustrator, atbp. Kapag nilikha ito, maaari mo itong buksan sa isang text editor at i-drop ito sa iyong code.
Tandaan: Upang ma-embed ang isang SVG sa iyong style sheet, dapat mong i-convert ito sa unang URI data at pagkatapos ay magpatuloy sa susunod na hakbang.
Kaya mas marami o mas kaunti ang sum up ng mga bagay. Sana ay may isang magandang at nakapapaliwanag basahin.
Larawan sa pamamagitan ng Shutterstock
1
