¿En cuántos segundos debe cargar un sitio web en 2020, qué es "rápido" y dónde tienen que ver los espejos en los ascensores?

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


(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


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


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


, — , 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


, . Facebook iOS A/B . , , , . , .


animación_fb


IT. . , , , . . — . . , — .


ascensor


Speed Index First Meaningful Paint. Speed Index — "" . , — , "". Speed Index . , - TTVC 12 . "" 1 , "B" — TTVC.


comparar


. , , .


gráfico1


Speed Index (, ). .


Graph2


Speed Index — . , , , . . , Time to Visually Complete — — Speed Index , .


First Meaningful Paint (FMP) , - — . , . . FMP "" "B" :


FMP


, () .


loading_steps.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


Akamai . 100 7%. 2 103%.
The Daily Telegraph Optimizely 2016 . , — . The Daily Telegraph — 70 ., ( ) . , .


telégrafo


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


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



  • 2020 , .
  • , .
  • , .
  • , .
  • , , , , — Google .
  • Google .
  • . , , .
  • , ( ) .
  • 3 — .

. , . , , + , . , .


All Articles