Bakit Kritikal ang Bilis ng Pahina? Paano Subukan at Pagbutihin ang Iyo

Bakit Kritikal ang Bilis ng Pahina?

Karamihan sa mga site ay nawala ang halos kalahati ng kanilang mga bisita dahil sa mabagal na bilis ng pahina. Sa katunayan, ang average na web page ng desktop ang bounce rate ay 42%, ang average na rate ng pagba-bounce ng web page ng mobile ay 58%, at ang average na post-click landing page na bounce rate ay mula 60 hanggang 90%. Hindi nakaka-flatter na numero sa anumang paraan, lalo na ang isinasaalang-alang ang paggamit ng mobile ay patuloy na lumalaki at lumalakas sa araw na makaakit at mapanatili ang pansin ng consumer.

Ayon sa Google, ang average na oras ng paglo-load ng pahina para sa nangungunang mga landing pageay isang pa rin matamlay 12.8 segundo. Kasama rito ang mga lugar kung saan laganap ang pag-access sa mobile internet at ang bilis ng 4G ay ilan sa pinakamataas sa buong mundo. 

Ang average na bilis ng pahina na iyon ay masyadong mahaba, isinasaalang-alang ang 53% ng mga gumagamit na nag-abandona ng mga pahina pagkatapos lamang ng 3 segundo - at lalo lamang itong lumalala:

Bilis ng Pahina at Mga Rate ng Bounce

Kung gayon ano ang isang mahusay na bilis ng pag-load ng pahina? Malapit-agad

Sa kabutihang palad, may solusyon. Bago kami makarating doon, alamin natin ang higit pa tungkol sa kahalagahan ng bilis ng pahina.

Bakit Mahalaga ang Bilis ng Pahina

Ipinapakita iyon ng eMarketer sa 2019 Ang paggastos sa pandaigdigang digital ad ay lalampas sa $ 316 bilyon at ang hitsura lamang ay tataas para sa hinaharap na hinaharap:

Paggastos sa Digital Ad mula 2017 hanggang 2022

Malinaw, ang mga tatak ay gumagastos ng malaking halaga sa mga ad at inaasahan na masulit ang kanilang badyet. Ngunit, kapag nag-click ang mga tao sa isang ad - at ang landing page na post-click nabigong mai-load kaagad - malamang na mag-click pabalik sa loob ng ilang segundo, at dahil dito, nasayang ang badyet ng mga advertiser.

Ang mga implikasyon sa gastos ng bilis ng pahina ay napakalubha at dapat mong ganap na gawing priyoridad ang pasulong na pahina. Narito ang ilang mga sukatan at puntong dapat isaalang-alang habang sinusuri mo ang iyong sariling mga digital na kampanya sa advertising:

Mga Marka ng Kalidad

Hindi lamang nag-load ng mabagal na pahina ang nakakabigo sa mga gumagamit, ngunit nagdudulot din ito ng pagdurusa sa Mga Marka ng Kalidad. Dahil ang Marka ng Kalidad ay direktang nauugnay sa iyong ranggo ng ad, at sa huli kung ano ang maaari mong bayaran para sa bawat pag-click, natural na binabawasan ng isang mabagal na pahina ang mga marka.

Mga Rate ng Conversion

Kung mas kaunting mga tao ang dumidikit sa paghihintay ng pag-load ng iyong pahina, mas kaunting mga tao ang nakakakuha ng pagkakataon na mag-convert. Iniwan na nila ang iyong pahina bago pa man makita ang iyong alok, mga benepisyo, call-to-action, atbp.

Sa tingian, halimbawa, kahit na a isang segundong pagkaantala sa mga oras ng pag-load ng mobile ay maaaring makaapekto sa mga rate ng conversion ng hanggang sa 20%.

Karanasan sa Mobile

Halfway hanggang 2016, paggamit ng mobile web naipasa ang dami ng trapiko sa desktop:

Mobile Surpasses Desktop Views Chart

Sa paggasta ng mga consumer mas maraming oras sa mobile, ang mga marketer at Advertiser ay (at pinipilit pa rin) na umangkop. Isang paraan upang maihatid mga kampanyang na-optimize ng mobile ay upang lumikha ng mga pahina ng mabilis na pagkarga.

Na nagdadala sa amin sa # 1 na solusyon sa bilis ng pahina na tumutugon sa bawat isa sa mga isyung ito.

Ang Mga Landing Page ng AMP ay Dagdagan ang Bilis ng Pahina

Ang AMP, ang balangkas ng open-source ipinakilala noong 2016, nagbibigay ng isang paraan para sa mga advertiser upang lumikha ng mabilis, mabilis na pagkarga na mga web page na mobile na inuuna ang karanasan ng gumagamit higit sa lahat. 

Ang mga pahina ng AMP ay kaakit-akit sa mga advertiser dahil naghahatid ang mga ito ng madalian na oras ng pag-load, habang sinusuportahan pa rin ang ilang istilo at pag-aayos ng tatak. Pinapayagan nila ang mas mabilis na pag-render ng landing page na post-click, dahil pinaghihigpitan nila ang HTML / CSS at JavaScript. Gayundin, hindi katulad ng tradisyunal na mga pahina ng mobile, ang mga pahina ng AMP ay awtomatikong nai-cache ng Google AMP Cache para sa mas mabilis na mga oras ng pag-load sa paghahanap sa Google.

Bilang pinuno ng pag-optimize sa post-click, nag-aalok ang Instapage ng kakayahang lumikha ng mga landing page na post-click gamit ang balangkas ng AMP:

Mga Pabilisang Mobile na Pahina (AMP)

Kasama ang I-install ang tagabuo ng AMP, ang mga marketer at advertiser ay maaaring:

  • Lumikha ng mga landing page na pag-click sa AMP na direkta mula sa Instapage platform, nang walang isang developer
  • Patunayan, pagsubok sa A / B, at mai-publish ang mga pahina ng AMP sa WordPress o isang pasadyang domain
  • Maghatid ng mas mahusay na mga karanasan sa mobile, taasan ang Mga Marka ng Kalidad, at maghimok ng mas maraming mga conversion

Ang Pinabilis na Pahina ng Mobile na Pinabilis ng AMP

Pagpapatunay ng Pinabilis na Mobile Page (AMP) Pagpapatunay

Ang rebolusyonaryong kumpanya ng hearing aid na Eargo ay nakakita ng hindi kapani-paniwala na mga resulta mula nang ipatupad ang AMP sa karanasan sa post-click:

Mga AMP Landing Page sa pamamagitan ng Pag-install

Mga AMP Landing Page na may Instapage

Bilang karagdagan sa pagbuo ng mga pahina ng AMP na may Instapage, maraming iba pang mga paraan upang mapabuti ang bilis ng pahina. Narito ang tatlo sa kanila upang makapagsimula ka.

3 Iba pang mga paraan upang Pagbutihin ang Bilis ng Pahina

1. Mga tool sa bilis ng pahina ng leverage

PageSpeed ​​Mga Pananaw ay ang pagsubok sa bilis ng Google na nagmarka ng iyong pahina mula 0 hanggang 100 na puntos:

pananaw sa pagepeed

Ang pagmamarka ay batay sa dalawang mga parameter:

  1. Oras sa itaas na pag-load (ang kabuuang oras para sa isang pahina upang maipakita ang nilalaman sa itaas ng kulungan pagkatapos humiling ang isang gumagamit ng isang bagong pahina)
  2. Oras sa pag-load ng buong pahina (ang oras na kinakailangan ng isang browser upang ganap na mag-render ng isang pahina pagkatapos na hilingin ito ng isang gumagamit)

Kung mas mataas ang iyong iskor, mas na-optimize ang iyong pahina. Bilang panuntunan sa hinlalaki, anumang bagay sa itaas na 85 ay nagpapahiwatig na ang iyong pahina ay mahusay na gumaganap. Mas mababa sa 85 at dapat mong tingnan ang mga mungkahi na ibinigay ng Google upang itaas ang iyong iskor.

Nagbibigay ang PageSpeed ​​Insights ng mga ulat para sa parehong mga desktop at mobile na bersyon ng iyong pahina, at nag-aalok din ng mga rekomendasyon para sa mga pagpapabuti.

Mag-isip kasama ang Google: Subukan ang Aking Site, inilunsad ng koponan ng PageSpeed ​​Insights, sinusubukan lamang ang mga bilis ng mobile page, taliwas sa parehong mobile at desktop. Ito ay isa pang tagapagpahiwatig kung gaano kabilis (o mabagal) ang iyong pag-load ng mga pahina:

tingin sa google subukan ang aking site

Ipinapakita ng tool na ito ang iyong oras ng paglo-load, nagbibigay ng mga pasadyang rekomendasyon upang mapabilis ang bawat pahina sa iyong site, at pagkatapos ay nag-aalok ng pagpipilian upang makabuo ng isang buong ulat.

2. Mga Ganap na Na-optimize na Larawan (Compression)

Ang pag-optimize ng mga imahe na may compression, resizing, reformatting, atbp ay maaaring makatulong na makatipid ng mga byte, mapabilis ang oras ng pag-load ng pahina, at mapabuti ang pagganap ng mobile site. Kabilang sa iba pang mga nangungunang rekomendasyon, Sinabi ng Google na alisin ang mga hindi kinakailangang high-res na imahe at GIF at palitan ang mga imahe ng teksto o CSS hangga't maaari. 

Bukod dito, mas madali na ngayon kaysa kailanman upang maghatid ng mga naka-compress at nagbago ng laki na mga imahe dahil ang mga setting na ito ay maaaring awtomatiko. Halimbawa, maaari kang magkaroon ng daan-daang mga imahe na baguhin ang laki at awtomatikong nai-compress sa isang script, binabawasan ang manu-manong gawain (kapag nagtatayo ng mga pahina ng AMP, ginawang awtomatiko ng mga pasadyang tag ng imahe ang marami sa parehong mga pag-optimize na ito).

Ang pagpili ng isang pinakamainam na format ng imahe ay maaaring maging mahirap sa maraming mga magagamit na pagpipilian. Ang lahat ay nakasalalay sa kaso ng paggamit, ngunit narito ang ilan sa mga pinaka-karaniwan:

  • WebP: Potograpiya at translucent na mga imahe
  • JPEG: Mga larawan na walang transparency
  • PNG: Transparent na mga background
  • SVG: Masusukat na mga icon at hugis

Inirerekumenda ng Google na magsimula sa WebP dahil pinapayagan nito ang 30% higit na compression kaysa sa JPEG, nang walang anumang pagkawala ng kalidad ng imahe.

3. Unahin ang nasa itaas na nilalaman na nilalaman

Ang pagpapabuti ng pang-unawa ng iyong gumagamit sa bilis ng site ay halos kasinghalaga ng pagpapabuti mismo ng bilis ng site. Iyon ang dahilan kung bakit ang iyong mga imahe ay na-optimize, dapat mong tiyakin na maihatid ang mga ito sa eksaktong tamang sandali.

Isaalang-alang ito: Sa isang mobile device, ang nakikitang bahagi ng site ay limitado sa isang maliit na lugar, sa itaas ng kulungan. Bilang isang resulta, mayroon kang isang pagkakataon upang mabilis na mai-load ang nilalaman sa lugar na iyon, habang ang iba pang mga elemento sa ibaba ng pag-download ng fold sa background.

Tandaan: Ang makakatulong na gawing natatangi ang AMP ay nauna nitong built-in na priyoridad na paglo-load ng mapagkukunan, tinitiyak na ang pinakamahalagang mga mapagkukunan lamang ang unang nai-download.

Maaari itong maging isang hamon na bawasan ang bilang ng mga imahe sa isang site - lalo na para sa mga tatak sa tingi, halimbawa, na may maraming mga produkto - ngunit kritikal pa rin na hindi bababa sa mabawasan ang epekto ng mga imahe sa oras ng pag-load sa tatlong taktika na ito. 

Taasan ang bilis ng iyong pahina gamit ang AMP

Kung ang iyong mga mobile page ay naghihirap mula sa mataas na mga rate ng bounce at mababang rate ng conversion dahil sa mabagal na pag-load ng pahina, ang mga pahina ng AMP ay maaaring maging iyong biyaya sa pag-save.

Simulang lumikha ng mga pahina ng AMP na post-click upang makapaghatid ng mabilis, na-optimize, at nauugnay na karanasan sa pag-browse sa mobile sa iyong mga bisita, at pagbutihin ang iyong Mga Marka ng Kalidad at mga conversion sa proseso.

Ano sa tingin ninyo?

Ang site na ito ay gumagamit ng Akismet upang mabawasan ang spam. Alamin kung paano naproseso ang data ng iyong komento.