En combien de secondes un site Web devrait-il se charger en 2020, qu'est-ce qui est «rapide» et oĂč se trouvent les miroirs dans les ascenseurs?

Il semblerait que j'ai mesurĂ© le temps Ă©coulĂ© entre la requĂȘte HTTP du navigateur et le chargement du dernier octet de la page - et c'est tout. Pas si vite! Google, par exemple, a jusqu'Ă  6 mesures pour Ă©valuer la vitesse du site. Sous la coupe, il n'y aura PAS de traduction de la documentation de Lighthouse et il n'y aura PAS de conseils pour Ă©crire des textes SEO, mais vous apprendrez:


  • sur la chronologie des modifications de la politique de classement des sites de Google
  • sur les Ă©valuations objectives de la perception subjective du temps de chargement du site
  • Ă  quel point Internet est lent en 2020
  • comment le temps de chargement affecte le trafic du site et le processus de conversion lui-mĂȘme
  • image drĂŽle Ă  la fin


(pas) celui 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% , . , : " "?


barre de progression


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


animation_fb


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


ascenseur


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


comparer


. , , .


graph1


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


prob


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


télégraphe


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

backtofuture



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

. , . , , + , . , .


All Articles