Tweet
Tweet

Slide 1

Slide 1 text

PERF TIPS AND UPGRADE PILLS FABRIZIO FORTUNATO

Slide 2

Slide 2 text

ABOUT ME @izifortune

Slide 3

Slide 3 text

Smashing magazine 6/09/15

Slide 4

Slide 4 text

Webpagetest 15/05/16

Slide 5

Slide 5 text

PERFORMANCE TIPS UPGRADE PILLS ● Core tools ● ocLazyLoad ● Strategies ● Preparation

Slide 6

Slide 6 text

CORE TOOLS

Slide 7

Slide 7 text

ONE TIME BINDING TEMPLATE DATA WILL CHANGE? HIGH NUMBER OF WATCHERS? One-time expressions will stop recalculating once they are stable, which happens after the first digest…

Slide 8

Slide 8 text

ONE TIME BINDING - 2 2,381 332

Slide 9

Slide 9 text

ONE TIME BINDING - 3

Slide 10

Slide 10 text

ONE TIME BINDING - 4

Slide 11

Slide 11 text

TRACK BY

Slide 12

Slide 12 text

FILTERS FILTERS RUN 2 TIMES PER $DIGEST

Slide 13

Slide 13 text

ANIMATE

Slide 14

Slide 14 text

ANIMATE - 2 ENABLED ON SPECIFIC ELEMENTS

Slide 15

Slide 15 text

GLOBAL OPTIONS REMOVE ALL DEBUG INFORMATION

Slide 16

Slide 16 text

GLOBAL OPTIONS - 2 LOWER $APPLY ON HTTP

Slide 17

Slide 17 text

ANGULAR 1.5 COMPARISON ng-conf LAZY NG-IF CREDITS Enhancing performance without steroids - Zackary Chapple

Slide 18

Slide 18 text

ANGULAR 1.5 - 2 LAZY NG-IF TRANSCLUSION SLOT

Slide 19

Slide 19 text

LAZY LOAD

Slide 20

Slide 20 text

OCLAZYLOAD https://oclazyload.readme.io/

Slide 21

Slide 21 text

OCLAZYLOAD - 2

Slide 22

Slide 22 text

OCLAZYLOAD - 3

Slide 23

Slide 23 text

OCLAZYLOAD - 4

Slide 24

Slide 24 text

UPGRADE

Slide 25

Slide 25 text

COMPONENT

Slide 26

Slide 26 text

UPGRADE NG-FORWARD NG-UPGRADE PREPARE

Slide 27

Slide 27 text

FOLLOW @RyanairLabs https://angular.io https://toddmotto.com

Slide 28

Slide 28 text

THANK YOU