-

 -

   MasterComp

 - e-mail

 

 -

 LiveInternet.ru:
: 18.12.2016
: 65
: 7
: 77

:


, 29 2017 . 05:45 +

, — . . , , ( ). , — .




. , . :

  • — time to first paint ()
  • — time to first useful paint ()
  • — time to first viewport ()
  • — time to interactive

: ( ) (TTFP, TTUP, TTFV, TTI)? ,  , , fps , — , , -, . — , . , , , … , .

, , , . « »,   ,  Smashing Mag.

, Apple :

« , » (Basic Performance Tips)

— ,


, , . — . . ׸, !





« : 80 . , , », —   , . , !

. , , . , , . . . 80 . .

, 80  .  Scientific American:



30 , . 80 , . , : , . , 80 , , , . , 80 , . , .

. , . , , . , .   $300  , 5 .





. , , . , ,  .

.   и, :

, , , . , , , .

, , , . ? . , , :

  1. , , .
  2. , , , .

, « » . , , , , . , .




, . , ,  RAIL. , Chrome (  PRPL):

  • 60fps
  • 1
  • 100 

, . , , :

  • 100-200  – 
  • < 1 – ( , )
  • < 5 –
  • < 12 – (attention span)

, , , :   ( ) 12  2000 8,25  2015-! , MTV.


, . .

, - , . , 1 . , , ! , :

  • ?
  • ?
  • ?
  • ?
  • ?

, 10 . , . ? , , 2-3 , ROI 1  - , 10 20 .



,  5 . :

« 5 »

!

« 5 »

! 5 . !

?


. , ?

, , - , . , , .     :

  • « , »
  • « , »

, — OMG- . ? :

Coinstar


, Coinstar , . «» ().


,   . , . , .

Blogger


:

2004 “Redesigning Blogger”, Adaptive Path stopdesign.com ( Twitter) Blogger. — , « » , , . « ? - ?» — . — « …», , gif, , «, !». .


, — , . .


. , , . . — . :

  •  — , .
  •  — , .



   , . :

  • UI — .
  •  — .
  •  — .



iOS     , , , , , .   : Safari , , , (“Top Hits”), Top Stories Carousel Google Search. ,   : , , - . — , - Service Worker.




, , —     . UI , , . . , , .



UI


Instagram  . Like «», . Instagram , , .

UI: . , . - , , , .


- , — , / , . —  glass time, , , . 16-32  - 60  .

Microsoft ( Surface), Apple (  iOS 9.1  Apple Pencil)   , , : .

, , , . Surface, ( — . .) - , . /.


— , . (easing) , :

  • Ease out () , , , «» . , , / :   ( ) , .
  • Ease in () , , , , . , , , .     , , , , .

,   .  , , , — — , , .

, . « — », —  . , , .


— , . . -,   -   . , , . , . , . ? .

: «» , , . , :

, . , .
:
 
 
 
  • +72

: [1] []
 

:
: 

: ( )

:

  URL