Чаму хуткасць старонкі крытычна важная? Як праверыць і палепшыць сваё
Большасць сайтаў губляе каля паловы наведвальнікаў з-за павольнай хуткасці старонкі. На самай справе, у сярэднім настольная вэб-старонка паказчык адмоваў складае 42%, сярэдні паказчык адмоваў на мабільнай старонцы складае 58%, а сярэдні паказчык адмоваў на мэтавай старонцы пасля націску складае ад 60 да 90%. Не ліслівыя лічбы ні ў якім разе, асабліва ўлічваючы, што выкарыстанне мабільнай сувязі працягвае расці, і з кожным днём прыцягваць і ўтрымліваць увагу спажыўцоў становіцца ўсё цяжэй.
Па дадзеных Google, сярэдні час загрузкі старонкі для верхнія мэтавыя старонкіусё яшчэ a млявыя 12.8 секунды. Сюды ўваходзяць месцы, дзе распаўсюджаны мабільны доступ у Інтэрнэт, і хуткасці 4G з'яўляюцца аднымі з самых высокіх у свеце.
Гэтая сярэдняя хуткасць старонкі занадта вялікая, улічваючы, што 53% карыстальнікаў пакідаюць старонкі толькі праз 3 секунды, і адтуль яна становіцца яшчэ горш:
У чым тады добрая хуткасць загрузкі старонкі? Амаль імгненна.
На шчасце, ёсць рашэнне. Перш чым перайсці да гэтага, давайце раскрыем больш пра важнасць хуткасці старонкі.
Чаму важна хуткасць старонкі
eMarketer паказвае, што ў 2019г сусветныя выдаткі на лічбавую рэкламу перавысяць 316 долараў мільярд і толькі чакае павелічэння ў агляднай будучыні:
Відавочна, што брэнды марнуюць велізарныя сумы на рэкламу і разлічваюць атрымаць максімальную карысць ад свайго бюджэту. Але калі людзі націскаюць рэкламу - і мэтавая старонка пасля націску не атрымліваецца загрузіць імгненна - яны, верагодна, націскаюць назад на працягу некалькіх секунд, і, такім чынам, бюджэт рэкламадаўцаў марнуецца.
Эканамічны ўплыў на хуткасць старонкі велізарны, і вы павінны абсалютна зрабіць хуткасць старонкі прыярытэтам для руху наперад. Вось некалькі паказчыкаў і момантаў, якія трэба ўлічваць пры ацэнцы ўласных лічбавых рэкламных кампаній:
Ацэнкі якасці
Павольныя загрузкі старонак не толькі расчароўваюць карыстальнікаў, але і выклікаюць пакуты паказчыкаў якасці. Паколькі паказчык якасці напрамую звязаны з вашым рэйтынг аб'явыі, у рэшце рэшт, тое, што вы маглі б заплаціць за кожны клік, старонка з павольнай загрузкай натуральна зніжае балы.
Каэфіцыенты канверсіі
Калі менш людзей чакае загрузкі вашай старонкі, менш людзей атрымлівае магчымасць канвертаваць. Яны кідаюць вашу старонку, нават не пабачыўшы вашу прапанову, перавагі, заклік да дзеяння і г.д.
У розніцу, напрыклад, нават затрымка на адну секунду падчас мабільнай загрузкі можа паўплываць на каэфіцыент канверсіі да 20%.
Мабільны вопыт
На паўдарогі 2016 года выкарыстанне мабільнага Інтэрнэту прайшоў аб'ём працоўнага стала ў аб'ёме:
З выдаткамі спажыўцоў больш часу на мабільным тэлефоне, маркетолагі і рэкламадаўцы былі вымушаныя адаптавацца. Адзін са спосабаў дастаўкі кампаніі, аптымізаваныя для мабільных прылад заключаецца ў стварэнні старонак з хуткай загрузкай.
Што падводзіць нас да хуткаснага рашэння №1, якое разглядае кожную з гэтых праблем.
Мэтавыя старонкі AMP павялічваюць хуткасць старонкі
AMP, фреймворк з адкрытым зыходным кодам уведзены ў 2016 годзе, дае магчымасць рэкламадаўцам ствараць маланкавыя мабільныя вэб-старонкі з плаўнай загрузкай, якія перш за ўсё аддаюць перавагу карыстацкаму досведу.
Старонкі AMP прывабныя для рэкламадаўцаў, таму што яны даюць імгненны час загрузкі, у той жа час падтрымліваючы пэўную наладу стыляў і брэндаў. Яны дазваляюць паскорыць рэндэрынг мэтавай старонкі пасля націску, паколькі абмяжоўваюць HTML / CSS і JavaScript. Акрамя таго, у адрозненне ад традыцыйных мабільных старонак, старонкі AMP аўтаматычна кэшуюцца Google AMP Cache для больш хуткага часу загрузкі ў пошуку Google.
Як лідэр па аптымізацыі пасля націску, Instapage прапануе магчымасць ствараць мэтавыя старонкі пасля націску з выкарыстаннем рамкі AMP:
З Канструктар AMP для ўстаноўкі, маркетолагі і рэкламадаўцы могуць:
- Стварайце мэтавыя старонкі AMP пасля націску непасрэдна з платформы Instapage без распрацоўніка
- Праверце, A / B-тэст і апублікуйце старонкі AMP у WordPress або карыстацкім дамене
- Забяспечце лепшы мабільны досвед, павялічце паказчыкі якасці і павялічце колькасць канверсій
Рэвалюцыйная кампанія слыхавых апаратаў Eargo дасягнула неверагодных вынікаў пасля ўкаранення AMP у свой вопыт пасля націску:
Мэтавыя старонкі AMP з Instapage
У дадатак да стварэння старонак AMP з дапамогай Instapage, ёсць яшчэ некалькі спосабаў палепшыць хуткасць старонкі. Вось тры з іх, каб вы пачалі.
3 Іншыя спосабы палепшыць хуткасць старонкі
1. Выкарыстоўвайце інструменты хуткасці старонкі
Page Speed Insights гэта тэст хуткасці Google, які налічвае вашу старонку ад 0 да 100 балаў:
Ацэнка заснавана на двух параметрах:
- Час загрузкі ўверсе (агульны час, калі старонка адлюстроўвае змесціва ўверху пасля таго, як карыстальнік запытвае новую старонку)
- Час загрузкі поўнай старонкі (час, неабходны аглядальніку, каб цалкам адлюстраваць старонку пасля запыту карыстальніка)
Чым вышэй ваш бал, тым больш аптымізаваная ваша старонка. Як правіла, усё, што перавышае 85, паказвае, што ваша старонка працуе добра. Менш за 85, і вы павінны разгледзець прапановы Google, каб павысіць ваш бал.
PageSpeed Insights змяшчае справаздачы як для настольнай, так і для мабільнай версій вашай старонкі, а таксама прапануе рэкамендацыі па паляпшэнні.
Падумайце з Google: Праверце мой сайт, запушчаная камандай PageSpeed Insights, тэстуе толькі хуткасць мабільных старонак, у адрозненне ад мабільных і настольных кампутараў. Гэта яшчэ адзін паказчык хуткасці (альбо павольнасці) загрузкі вашых старонак:
Гэты інструмент адлюстроўвае час загрузкі, дае карыстацкія рэкамендацыі для паскарэння кожнай старонкі на вашым сайце, а затым прапануе магчымасць генераваць поўны справаздачу.
2. Цалкам аптымізаваныя выявы (сціск)
Аптымізацыя малюнкаў з дапамогай сціску, змены памеру, перафарматавання і г.д. можа дапамагчы зэканоміць байты, паскорыць час загрузкі старонкі і павысіць прадукцыйнасць мабільнага сайта. Сярод іншыя галоўныя рэкамендацыі, Google кажа, каб па магчымасці выдаляць непатрэбныя выявы высокага дазволу і GIF-файлы і замяняць выявы тэкстам альбо CSS.
Акрамя таго, зараз прасцей, чым калі-небудзь, падаваць сціснутыя і змененыя выявы, таму што гэтыя налады можна аўтаматызаваць. Напрыклад, вы маглі б аўтаматычна змяняць памер і сціскаць сотні малюнкаў з дапамогай сцэнарыя, памяншаючы ручную працу (пры стварэнні старонак AMP карыстацкія тэгі малюнкаў робяць шмат якія з тых самых аптымізацый аўтаматычнымі).
Выбар аптымальнага фармату выявы можа быць цяжкім з вялікай колькасцю даступных варыянтаў. Усё залежыць ад выпадку выкарыстання, але вось некалькі найбольш распаўсюджаных:
- WebP: Фатаграфічныя і напаўпразрыстыя выявы
- JPEG: Фотаздымкі без празрыстасці
- PNG: Празрысты фон
- svg: Маштабуюцца абразкі і формы
Google рэкамендуе пачаць з WebP, паколькі ён дазваляе на 30% больш сціскаць, чым JPEG, без страты якасці малюнка.
3. Размясціце прыярытэты над змесцівам
Паляпшэнне ўспрымання карыстальнікам хуткасці сайта амаль гэтак жа важна, як павышэнне самой хуткасці сайта. Вось чаму, як толькі выявы будуць аптымізаваны, вы павінны пераканацца, што яны дастаўлены ў патрэбны момант.
Улічыце гэта: на мабільнай прыладзе бачная частка сайта абмежаваная невялікай плошчай, вышэй зморшчыны. У выніку ў вас ёсць магчымасць хутка загрузіць кантэнт у гэтую вобласць, а астатнія элементы, размешчаныя пад складкай, загружаюцца ў фонавым рэжыме.
Заўвага. Унікальнасць AMP дазваляе зрабіць убудаванай прыарытэтнай загрузкай рэсурсаў, дзякуючы якой спачатку загружаюцца толькі найбольш важныя рэсурсы.
Знізіць колькасць малюнкаў на сайце можа стаць праблемай - асабліва для гандлёвых марак, напрыклад, з вялікай колькасцю тавараў, - але ўсё-ткі важна мінімізаваць уплыў малюнкаў на час загрузкі пры дапамозе гэтых трох тактык.
Павялічце хуткасць старонкі з дапамогай AMP
Калі вашы мабільныя старонкі пакутуюць ад высокіх паказчыкаў адмоваў і нізкіх каэфіцыентаў канверсіі з-за павольнай хуткасці загрузкі старонак, старонкі AMP могуць стаць вашай эканоміяй.
Пачніце ствараць старонкі AMP пасля націску, каб забяспечыць наведвальнікам хуткі, аптымізаваны і адпаведны вопыт прагляду мабільных прылад, а таксама палепшыць паказчыкі якасці і канверсіі ў працэсе.