рдРрд╕рд╛ рд▓рдЧрддрд╛ рд╣реИ рдХрд┐ рдореИрдВрдиреЗ рдмреНрд░рд╛рдЙрдЬрд╝рд░ рдХреЗ HTTP рдЕрдиреБрд░реЛрдз рд╕реЗ рдкреГрд╖реНрда рдХреЗ рдЕрдВрддрд┐рдо рдмрд╛рдЗрдЯ рдХреЛ рд▓реЛрдб рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рд╕рдордп рдорд╛рдкрд╛ рд╣реИ - рдФрд░ рдпрд╣реА рд╣реИред рдЗрддрдирд╛ рд╢реАрдШреНрд░ рдирд╣реА! рдЙрджрд╛рд╣рд░рдг рдХреЗ рд▓рд┐рдП, Google рдХреЗ рдкрд╛рд╕ рд╕рд╛рдЗрдЯ рдХреА рдЧрддрд┐ рдХрд╛ рдореВрд▓реНрдпрд╛рдВрдХрди рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП 6 рдореАрдЯреНрд░рд┐рдХ рд╣реИрдВред рдХрдЯреМрддреА рдХреЗ рддрд╣рдд, рдкреНрд░рдХрд╛рд╢рд╕реНрддрдВрдн рдкреНрд░рд▓реЗрдЦрди рдХрд╛ рдЕрдиреБрд╡рд╛рдж рдирд╣реАрдВ рд╣реЛрдЧрд╛ рдФрд░ рдПрд╕рдИрдУ рдЧреНрд░рдВрдереЛрдВ рдХреЛ рд▓рд┐рдЦрдиреЗ рдХреЗ рд▓рд┐рдП рдХреЛрдИ рд╕реБрдЭрд╛рд╡ рдирд╣реАрдВ рд╣реЛрдЧрд╛, рд▓реЗрдХрд┐рди рдЖрдк рдпрд╣ рдЬрд╛рдиреЗрдВрдЧреЗ:
- Google рд╕рд╛рдЗрдЯ рд░реИрдВрдХрд┐рдВрдЧ рдиреАрддрд┐ рдореЗрдВ рдкрд░рд┐рд╡рд░реНрддрди рдХреЗ рдХрд╛рд▓рдХреНрд░рдо рдкрд░
- рд╕рд╛рдЗрдЯ рд▓реЛрдб рд╕рдордп рдХреА рд╡реНрдпрдХреНрддрд┐рдкрд░рдХ рдзрд╛рд░рдгрд╛ рдХреЗ рдЙрджреНрджреЗрд╢реНрдп рдЖрдХрд▓рди рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ
- 2020 рдореЗрдВ рдЗрдВрдЯрд░рдиреЗрдЯ рдХрд┐рддрдирд╛ рдзреАрдорд╛ рд╣реИ
- рд▓реЛрдбрд┐рдВрдЧ рд╕рдордп рд╕рд╛рдЗрдЯ рдЯреНрд░реИрдлрд╝рд┐рдХ рдФрд░ рд░реВрдкрд╛рдВрддрд░рдг рдкреНрд░рдХреНрд░рд┐рдпрд╛ рдХреЛ рдХреИрд╕реЗ рдкреНрд░рднрд╛рд╡рд┐рдд рдХрд░рддрд╛ рд╣реИ
- рдЖрдЦрд┐рд░ рдореЗрдВ рдордЬреЗрджрд╛рд░ рддрд╕реНрд╡реАрд░
![](https://habrastorage.org/webt/7w/g9/zj/7wg9zjwl2llw-v-_sc7athtmxds.gif)
(рдирд╣реАрдВ) Google рдХрд╛ рдПрдХ
, Google -. тАУ Google , , . , тАУ . , , user ? тАУ . , Google, , .
2009 , Google тАЬLetтАЩs make the web fasterтАЭ. : " - , ". PageSpeed tools Chrome. 2010 Google , . 1% . Google , тАФ , SEO . 7 .
тАЬBrowsing the web should be as fast as turning the pages of a magazineтАЭ
Larry Page
, . : 2017 , , 50%.
![mobile_share](https://habrastorage.org/webt/nf/c_/ze/nfc_zeeqfd0eg-tw1nb25aunoiw.png)
2017 Google "Mobile page speed new industry benchmarks". 2018 . . 2018 "Speed update", . C 2018 Google .
тАФ 1 2019 тАФ Google . , . Google , 1 2020 . Google , . - 70%. , , , . тАФ Googlebot ( ).
HTTPS. , HTTP . , , , , - . .
2014 Google , SSL, .
2017 Chrome , - тАЬNot secureтАЭ, SSL.
2018 , SSL.
2019 "" SSL .
![google_https](https://habrastorage.org/webt/jg/sr/a0/jgsra0ym_evaa53wmeu1jt094k8.png)
Google . , , . , , , .
TLS - ( тАФ , тАФ ), . ? ? ?
...
, , HTTP- , тАФ ! Not so fastтАж Time to Fully Loaded (TTFL), , - . TTFL , . тАФ Time to First Byte (TTFB). HTTP- . "" , . TTFB, . Chrome Firefox "Ctrl+Shift+I". "". , HTML document . "" TTFB.
![TTFB](https://habrastorage.org/webt/36/34/gg/3634ggmdezspw1nv1louxvs4ds4.png)
, тАФ , TTFB . , aliexpress.com. (, , ). user . -, .
Time to First Contentful Paint (TTFCP), , тАФ . , , svg , тАФ , .
Time to Visually Complete (TTVC) тАФ , , . , , , .
, ? тАФ . , , -. тАФ perceived loading duration. , , .
user' "", . тАФ "Faster Progress Bars: Manipulating Perceived Duration with Visual Augmentations". , progress bar' 11% , . , : " "?
![рдкреНрд░рдЧрддрд┐ рдкрдЯреНрдЯреА](https://habrastorage.org/webt/kt/w2/tf/ktw2tfpglvvnl7qfc0l8vie7vji.png)
, . Facebook iOS A/B . , , , . , .
![animation_fb](https://habrastorage.org/webt/uz/cy/sl/uzcysllj--ozxj-cifmme88iifc.png)
IT. . , , , . . тАФ . . , тАФ .
![рд▓рд┐рдлреНрдЯ](https://habrastorage.org/webt/ob/3n/bb/ob3nbb_qyctrfhzeyy0vvg59utc.png)
Speed Index First Meaningful Paint. Speed Index тАФ "" . , тАФ , "". Speed Index . , - TTVC 12 . "" 1 , "B" тАФ TTVC.
![рддреБрд▓рдирд╛](https://habrastorage.org/webt/em/7p/d9/em7pd9mekloafwzquak0svzrabu.png)
. , , .
![рдЧреНрд░рд╛рдл 1](https://habrastorage.org/webt/zr/1x/p5/zr1xp5be0fwf7krlg2vbzndgt-k.png)
Speed Index (, ). .
![рдЧреНрд░рд╛рдл 2](https://habrastorage.org/webt/ck/mr/cf/ckmrcfdytnfik2jnzis3wjyjtyy.png)
Speed Index тАФ . , , , . . , Time to Visually Complete тАФ тАФ Speed Index , .
First Meaningful Paint (FMP) , - тАФ . , . . FMP "" "B" :
![рдПрдлрдПрдордкреА](https://habrastorage.org/webt/yu/ir/lb/yuirlbvr2ovwn9jzvb9te2si-po.png)
, () .
![loading_steps.png](https://habrastorage.org/webt/pd/4k/xv/pd4kxvgrcy49f65xhihegb7dshs.png)
?
, ? , SEO UX:
- (bounce rate) тАФ .
- (time per visit) тАФ , ,
- (pageview per visit) тАФ ,
, - тАФ . , .
, Google, .
52% , .
, . - progress bar'. User , тАФ , . , "back to previous page" Instagram. , attention span - Instagram, TikTok Twitter', .
79% .
66% .
, 12% 44% . 5 " ": " , , , , , , "
"Nothing travels faster than the speed of light with the possible exception of bad news, which obeys its own special laws"
Mostly Harmless, Douglas Adams
тАФ . Google , . .
![рд╕рдорд╕реНрдпрд╛](https://habrastorage.org/webt/ut/ce/gw/utcegwpxrvwjcyuavwadt23j4hw.png)
Akamai . 100 7%. 2 103%.
The Daily Telegraph Optimizely 2016 . , тАФ . The Daily Telegraph тАФ 70 ., ( ) . , .
![рддрд╛рд░](https://habrastorage.org/webt/-i/jz/by/-ijzbylpal-ulfddva3t91l6lvg.png)
e-commerce. Walmart Amazon , 100 1%. Edge of Future Commercials 2016 AliExpress [], , 36%, 10.5%. 27%.
тАФ ?
- Google , Ask Google Webmasters. . , , PSI score, . PSI score , , .
, , , тАФ . , Visually Complete, тАФ . , .
"Mobile page speed new industry benchmarks" 22 .
2018 , 15.3 .
2019 Backlinko 5 , тАФ 27 ! тАФ 10 .
, Google , Backlinko тАФ . Speed Index. тАФ - 2019 . , Speed Index Visually Complete тАФ .
![backlinko](https://habrastorage.org/webt/q0/ju/9c/q0ju9czhq9lzpx7aht1vdkn8mia.png)
2010 (Maile Ohye), Developer Programs Tech Lead Google, , . , 2015 Back to the Future II.
"...studies by Akamai who found that two seconds is actually the threshold for e-commerce site acceptability. Meaning that thatтАЩs what users like to shop with. At Google, we aim for under a half second..."
Maile Ohye
![рд╡рд╛рдкрд╕ рднрд╡рд┐рд╖реНрдп рдореЗрдВ](https://habrastorage.org/webt/i1/-o/jp/i1-ojp2yl8xuf3lszecgwke8txa.png)
- 2020 , .
- , .
- , .
- , .
- , , , , тАФ Google .
- Google .
- . , , .
- , ( ) .
- 3 тАФ .
. , . , , + , . , .