Parece que he medido el tiempo desde la solicitud HTTP del navegador hasta la carga del último byte de la página, y eso es todo. ¡No tan rapido! Google, por ejemplo, tiene hasta 6 métricas para evaluar la velocidad del sitio. Debajo del corte, NO habrá una traducción de la documentación de Lighthouse y NO habrá consejos para escribir textos de SEO, pero aprenderá:
- sobre la cronología de los cambios en la política de clasificación del sitio de Google
- sobre evaluaciones objetivas de la percepción subjetiva del tiempo de carga del sitio
- qué tan lento es internet en 2020
- cómo el tiempo de carga afecta el tráfico del sitio y el proceso de conversión en sí
- foto divertida al final
![](https://habrastorage.org/webt/7w/g9/zj/7wg9zjwl2llw-v-_sc7athtmxds.gif)
(no) el de 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% , . , : " "?
![barra de progreso](https://habrastorage.org/webt/kt/w2/tf/ktw2tfpglvvnl7qfc0l8vie7vji.png)
, . Facebook iOS A/B . , , , . , .
![animación_fb](https://habrastorage.org/webt/uz/cy/sl/uzcysllj--ozxj-cifmme88iifc.png)
IT. . , , , . . — . . , — .
![ascensor](https://habrastorage.org/webt/ob/3n/bb/ob3nbb_qyctrfhzeyy0vvg59utc.png)
Speed Index First Meaningful Paint. Speed Index — "" . , — , "". Speed Index . , - TTVC 12 . "" 1 , "B" — TTVC.
![comparar](https://habrastorage.org/webt/em/7p/d9/em7pd9mekloafwzquak0svzrabu.png)
. , , .
![gráfico1](https://habrastorage.org/webt/zr/1x/p5/zr1xp5be0fwf7krlg2vbzndgt-k.png)
Speed Index (, ). .
![Graph2](https://habrastorage.org/webt/ck/mr/cf/ckmrcfdytnfik2jnzis3wjyjtyy.png)
Speed Index — . , , , . . , Time to Visually Complete — — Speed Index , .
First Meaningful Paint (FMP) , - — . , . . FMP "" "B" :
![FMP](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 , . .
![problema](https://habrastorage.org/webt/ut/ce/gw/utcegwpxrvwjcyuavwadt23j4hw.png)
Akamai . 100 7%. 2 103%.
The Daily Telegraph Optimizely 2016 . , — . The Daily Telegraph — 70 ., ( ) . , .
![telégrafo](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
![regreso al futuro](https://habrastorage.org/webt/i1/-o/jp/i1-ojp2yl8xuf3lszecgwke8txa.png)
- 2020 , .
- , .
- , .
- , .
- , , , , — Google .
- Google .
- . , , .
- , ( ) .
- 3 — .
. , . , , + , . , .