Калі хуткасць сайта пачынае ўплываць на пераўтварэнне?

1. Акрамя таго: Google пачаў выкарыстоўваць індэксаванне Mobile First
2. 1 Як хутка сайты звычайна?
3. Па дадзеных Pingdom:
4. 2 Даведайцеся, наколькі дрэнная хуткасць вашага сайта
5. 1. Google Analytics
6. 2. Праверце ваш сайт у Pingdom напрыклад
7. 3. Зрабіце WebPagetest
8. 3 Як аптымізаваць для лепшай хуткасці сайта
9. 1. Абярыце нізка вісяць садавіна праз Інструменты тэставання хуткасці Google рэкамендацыі.
10. 2. Адаптуйце мабільны кантэнт: фокус і памяншэнне!
11. 3. Загрузка кантэнту пры пракрутцы (Lazy loading)
12. 4. Выкарыстоўвайце CDN (сеткі дастаўкі кантэнту)
13. 5. Разгледзім пытанне аб выкарыстанні AMP (паскараныя мабільныя старонкі)
14. 4 Усталюйце бюджэт прадукцыйнасці для бесперапыннай аптымізацыі
15. рэзюмэ

Большасць людзей ужо ведаюць, што хуткасць працы сайта залежыць ад іх пераходаў, але большасць не хвалюе, бо гэта сэксуальная сфера, часта звязаная з ІТ-інфраструктурай і абслугоўваннем. Аднак, калі вы хочаце сёння палепшыць хуткасць вашага сайта, вы не можаце дазволіць сабе ігнараваць гэтыя вобласці. У гэтым пасце мы растлумачым, чаму вы павінны клапаціцца і як вы можаце зрабіць гэта.

Ёсць мноства прыкладаў таго, як хуткасць сайта ўплывае на пераўтварэнне і як хутка наведвальнікі чакаюць, што ваш сайт будзе. Кароткая версія:

Хуткасць сайта паўплывае на вашы пераводы, і наведвальнікі чакаюць, што сайт хутка загружаецца.

Акрамя таго, хуткасць сайта - гэта фактар ​​SEO, які Google глядзіць, калі справа даходзіць да рэйтынгу.

Акрамя таго: Google пачаў выкарыстоўваць індэксаванне Mobile First

Google пачаў індэксаваць і SEO ацэньваць вынікі пошуку на аснове мабільнага кантэнту і вопыту сайта, таму гэта не толькі працоўны стол, які больш важны. Гэта азначае, што хуткасць сайта (і агульны вопыт) вашага мабільнага сайта таксама паўплывае на SEO новым, больш складаным спосабам. Больш падрабязна тут ,

Хуткасць вашага сайта можна параўнаць з вашай хуткасцю пераўтварэння : Вонкавыя фактары будуць мець значэнне, і вы заўсёды хочаце параўноўваць іх з сабой. Тэсты - добрыя інструменты, якія могуць паказаць вам шлях. Ніжэй мы прыводзім прыклады розных крыніц і разгледзім тое, што ўяўляе сабой «добрае» час загрузкі, і якія аспекты ўплываюць на тое, як ён вымяраецца.

1 Як хутка сайты звычайна?

Даследаванне ад Radware 2015 паказвае, што 100 лепшых сайтаў электроннай камерцыі маюць сярэднюю працягласць загрузкі 5,5 секунд (працоўны стол), а наведвальнікі чакаюць, што яна складае 2 - 3 секунды. Адначасова, 9 з 10 карыстальнікаў мабільнай сувязі чакаць, што мабільныя сайты загружаюцца хутчэй, чым на працоўных месцах.

Чакаецца, што сайты будуць хутчэй, але ў той жа час яны растуць . Проста паміж 2014 - 2015 Сярэдні сайт вырас амаль 70% , Мы дадаем дадатковы кантэнт, малюнкі, відэа і іншыя рэчы, якія прымушаюць нашы сайты расці і, у сваю чаргу, робяць іх павольнымі. Гэта павялічвае неабходнасць фактычна аптымізаваць і абрэзаць хуткасць сайта.

Па дадзеных Pingdom:

Pingdom стварыў наступныя паказчыкі для гэтай пасады, дзе яны правялі сярэдні час загрузкі сайтаў з аптымальнымі ўмовамі:

• Топ-100 сайтаў электроннай камерцыі ў свеце загружаюцца - калі яны былі аптымізаваны - за 2,51 секунды.
• Топ-100 газет і часопісаў загружаюцца на поўным павольным 4,6 секунды.
• Параўнайце гэта з 5,48 секунд для самых вялікіх блогаў .

Але што азначае аптымальныя ўмовы? Прасцей кажучы, хуткасць вашага сайта залежыць ад падлучэння да Інтэрнэту наведвальніка, вашага часу на першы байт, які, у сваю чаргу, звязаны з тым, колькі часу патрабуе адказу серверам і г.д. , заснаваныя на іх умовах.

Сутнасць у тым, што палепшыць хуткасць вашага сайта, гэта добрая ідэя. Час загрузкі, на які вы павінны імкнуцца, залежыць ад усяго рэчаў. Добра, так што ж нам рабіць?

2 Даведайцеся, наколькі дрэнная хуткасць вашага сайта

Перш за ўсё, вы хочаце ведаць, наколькі дрэнна. Існуе шэраг інструментаў, якія могуць дапамагчы вам у гэтым, якія паказваюць час загрузкі ці паказчыкі для паляпшэння. Мы рэкамендуем выкарыстоўваць іх. Вы таксама павінны выкарыстоўваць:

1. Google Analytics

Analytics дае вам дадатковыя дадзеныя пра хуткасць вашага сайта. Вы можаце выкарыстоўваць сегменты, каб перамяшчацца па праблемах і ўбачыць, што іх выклікае. Ці ёсць праблемы з мабільным тэлефонам ці на працоўным стале, у пэўным браўзэры, альбо пэўная мэтавая старонка працуе дрэнна?

Вы знойдзеце гэтыя справаздачы пад паводзінамі -> Хуткасць сайта
(Націсніце, каб павялічыць)

Адна рэч, якую можна адсочваць, - гэта ўзор загрузкі старонкі, які паказвае, колькі праглядаў Google выкарыстоўвала для вылічэння ўсіх значэнняў. Google фактычна толькі правярае рэчы 1% наведвальнікаў , Калі на вашым сайце адносна мала наведвальнікаў, вам можа спатрэбіцца павялічыць гэты ўзор, каб мець больш дадзеных для прыняцця рашэнняў.

Мы разгледзелі час загрузкі шведскага сайта электроннай камерцыі (каля 4 мільёнаў узораў) у Analytics на працягу 2016 года і прыйшлі да наступных высноў:

• Сярэдні час загрузкі для працоўнага стала складае 4,2 секунды
  (гэта на 1-2 секунды павольней, чым чакаюць госці)
• Час загрузкі мабільнага тэлефона на 1,6 секунды павольней, чым на працоўным стале (таму наведвальнікі чакаюць, што мабільны сайт будзе хутчэй)
• Хуткасць мабільнага сайта знізілася на 1,2 сек у параўнанні з 2015 годам (з 7,0 да 5,8)

2. Праверце ваш сайт у Pingdom напрыклад

Праз Pingdom Вы можаце атрымаць дадзеныя, якія паказваюць, як ваш сайт працуе для кожнага карыстальніка ў рэжыме рэальнага часу, што з'яўляецца выдатным спосабам, каб кантраляваць, як розныя сегменты наведвальнікаў залежаць ад розных хуткасцяў сайта. Вы таксама можаце ўсталяваць апавяшчэнні аб хуткасці сайта.

Каб хутка запусціць тэсты па URL, можна паспрабуйце тут бясплатна ,

3. Зрабіце WebPagetest

WebPagetest - гэта пашыраны інструмент, у якім вы атрымліваеце доступ да шэрагу паказчыкаў. Адной з выдатных функцый з'яўляецца тое, што вы можаце ўбачыць відэа, з якога элементы загружаюцца перш за ўсё, і лепш зразумець, якім чынам карыстаецца досвед, хуткасць сайта. Вы таксама можаце ўбачыць, як ваш сайт ацэньваецца ў параўнанні з 300 000 лепшых сайтаў у свеце. З дапамогай гэтага інструмента лёгка ўбачыць, як вашы змены ў аптымізацыі ўплываюць на ваш рэйтынг.

3 Як аптымізаваць для лепшай хуткасці сайта

Добра, зараз вы даведаецеся больш пра тое, што адбываецца, але як вы павінны дзейнічаць, каб аптымізаваць хуткасць вашага сайта?

1. Абярыце нізка вісяць садавіна праз Інструменты тэставання хуткасці Google рэкамендацыі.

Можа быць, вы не зможаце выправіць усё, што рэкамендуецца адразу, але прапанаваныя ўдасканаленні прыярытэты, таму пачніце з іх з вашага спісу. Вы абавязкова знойдзеце тут куча нізкарослых садавіны, такія як:

Выкарыстоўвайце інструмент, каб знайсці тое, што вам трэба працаваць.

Да інструмента тэставання хуткасці Google

2. Адаптуйце мабільны кантэнт: фокус і памяншэнне!

Лёгка думаць, што спагадны сайт вырашыць усе праблемы ў нашым мульты-прыладзе, але няма. Праблема ўзнікае, калі мы працягваем даваць дадатковы кантэнт на працоўны стол, таму што ў нас вельмі добрыя падключэнні да Інтэрнэту. Але мы забываем, што карыстальнікі мабільных тэлефонаў не маюць такога ж высокага якасці, або што яны не маюць тыя ж патрэбы і шаблоны карыстальнікаў.

Выдаткуйце некаторы час (паглядзіце на дадзеныя карыстальніка): Якая самая важная мэта вашых мабільных карыстальнікаў? Што на самай справе робяць мабільныя наведвальнікі на вашым сайце? Зніжце і здыміце непатрэбны пух. Памятаеце: менш сайт = больш высокая хуткасць сайта. Выкарыстоўваюць Вашы наведвальнікі, напрыклад, мабільны сайт для пошуку кантактных дадзеных або бліжэйшага крамы? Калі гэта так, выдаліце ​​апошнія навіны, не мае значэння відэа пра сваё бачанне і гэтак далей. Аднак не забывайце спачатку вызначыць, якія часткі вашага сайта падыходзяць для наведвальнікаў мабільных тэлефонаў, і, як заўсёды, пратэставаць, аналізаваць, палепшыць!

3. Загрузка кантэнту пры пракрутцы (Lazy loading)

Замест таго, каб загрузіць усю старонку адначасова, JavaScript дазваляе загружаць тое, што адразу ж бачна для карыстальніка, і давайце загружаць астатнюю частку сцэнара, калі яны прасочваюцца далей і далей па старонцы. Затым карыстальнік падумае, што сайт загружаецца хутчэй.

Pingdom таксама рэкамендуе зрабіць гэта, і вы прапануеце задумацца аб тым, якія элементы бачныя спачатку на вашым сайце, паколькі доследны час загрузкі наведвальнікаў карэлюе з магчымасцю ўзаемадзеяння з сайтом. Адзін з прыкладаў - загадзя загрузіць панэль пошуку і меню і загрузіць "прыгожы" змест.

4. Выкарыстоўвайце CDN (сеткі дастаўкі кантэнту)

CDN дае карыстальнікам некалькі розных вузлоў, якія распаўсюджваюцца па ўсім свеце, дзе яны могуць загружаць кантэнт (напрыклад, малюнкі і JavaScript). Гэта павялічвае хуткасць сайта, паколькі сервер вузла можа быць значна бліжэй да карыстальніка і кэшаваў змесціва.

CDN - гэта паслуга, якую вы купляеце ад трэцяй асобы, і выдаткі будуць выкарыстоўвацца значна больш эфектыўна, калі вы спачатку праходзіце праз папярэднія крокі.

5. Разгледзім пытанне аб выкарыстанні AMP (паскараныя мабільныя старонкі)

- Ці можа новы мабільны стандарт Google паскорыць ваш сайт?

Google, разам з многімі іншымі тэхнічнымі кампаніямі, стварылі AMP , Новы стандарт для паскарэння мабільных сайтаў. Стандарт па-ранейшаму даволі новы, і навінавыя сайты - тыя, хто ў асноўным яго выкарыстоўвае, але многія іншыя тыпы сайтаў (у тым ліку сайты электроннай камерцыі) могуць яго выкарыстоўваць.

Facebook выкарыстоўвае імгненныя артыкулы, што ў асноўным тое ж самае.

Карацей кажучы, стандарт AMP будзе адаптаваць, якія тыпы элементаў HTML можна выкарыстоўваць на вашым мабільным сайце, JavaScript трэцім асобам не дапускаецца, і сайты AMP кэшуюцца Google, каб пераканацца, што яны аказваюцца хутчэй. Рэчы, якія звычайна запавольваюць хуткасць сайта, такія як усплывальныя вокны і іншыя сцэнарыі Java, не проста не дазваляюцца альбо вельмі абмежаваныя.

Ці патрэбны AMP для вас?
Гэты праект па-ранейшаму знаходзіцца на ранняй стадыі, так што пачаць выкарыстоўваць AMP зараз азначае, што ў вас будзе як працоўны стол, так і мабільны сайт для распрацоўкі і абслугоўвання. AMP падыходзіць для людзей з вялікай колькасцю часу і рэсурсаў, якія хочуць быць у верхняй частцы сваёй гульні і эксперыментаваць, каб палепшыць карыстацкі досвед. Такім чынам, калі ў вас абмежаваны час і рэсурсы, то, напэўна, лепш разумець, што стандарт можа стаць чымсьці меншым. Пакуль вы чакаеце, вы можаце аптымізаваць і палепшыць час загрузкі вашага сайта.

Washington Post пратэставаў AMP і палепшылі час загрузкі на 88% , У той жа час, вы павінны ведаць, што стандарт AMP разам з Google будзе вызначаць ўмовы і абмяжоўваць вас, калі гаворка ідзе пра тое, што вы можаце і не можаце зрабіць з уласным сайтам.

4 Усталюйце бюджэт прадукцыйнасці для бесперапыннай аптымізацыі

Добра, вы зрабілі шмат працы, каб палепшыць хуткасць вашага сайта. Але потым што? Як і ў выпадку з канверсіяй, вы ніколі не скончылі (прабачце!). Што вы можаце зрабіць, каб не забываць бесперапынна працаваць са хуткасцю сайта?

Пачніце рабіць бюджэт прадукцыйнасці. Гэта азначае, што кожнае змяненне або праект, які ўключае ў сябе новыя функцыі вашага сайта, або калі вы яго паўторна запусціце, павінны мець выразныя мэты і кіруючыя прынцыпы адносна таго, як яны ўплываюць на хуткасць сайта. Гэта прымушае ўсіх удзельнікаў ведаць, што хуткасць сайта важная. Такім чынам, хуткасць сайта будзе ўключана ў любыя змены, якія будуць унесены, і будуць адсочвацца.

рэзюмэ

Ёсць шмат, што вы можаце зрабіць, каб зрабіць ваш сайт хутчэй. Аднак найбольш важная частка - пераканацца, што вы сапраўды пачынаеце. Прыступайце да гэтых трох крокаў:

1. Даведайцеся, наколькі павольна ваш сайт, выкарыстоўваючы, напрыклад, Google Analytics або Pingdom
2. Пачніце аптымізаваць вобласці, якія прапануе Google
3. Захоўвайце хуткасць фокусу на сайце, пастаянна працуючы з бюджэтам прадукцыйнасці