Performances web - quoi de neuf ?

24
Quoi de neuf dans la Performance Web ? Ce qui marche Ce qui ne marche pas Ce qui marchouille

description

Qu'est ce qui a changé ces dernières années pour la performance Web ? Quelles sont les pratiques obsolètes, limite ou toujours au top ? Tour d'horizon en 20 minutes de la perf aujourd'hui

Transcript of Performances web - quoi de neuf ?

Page 1: Performances web - quoi de neuf ?

Quoi de neuf dans la Performance Web

Ce qui marche

Ce qui ne marche pas

Ce qui marchouillehellip

Bonjour je suis

bull Jean-pierre VINCENT

bull Dans le Web depuis 2000

bull Dans la perf depuis 2005

bull Startups Yahoo grosses boites FR hellip

bull Indeacutependant expert JS et perfs

bull Formateur prof auteur

bull Viens jouer theystolemynick

braincrackingorg

LE CHAMP DE BATAILLEAgrave quoi ccedila ressemble le front papa

Le monde est devenu merveilleux

Depuis 2005

bull La fibre la 4G

bull Des navigateurs qui boostent

bull HTML5

bull De nouveaux protocoles

Le monde est devenu merveilleux

bull Explosion du CSS3

bull Flat Design

bull Sites deacutedieacutes mobiles

Ce qui nrsquoa pas changeacute

bull Lrsquoecirctre humain

ndash Need For Speed

bull La vitesse de la lumiegravere

ndash Fibre deacutebit X 10 mais chargement - 20 hellip

bull La transmission radio

ndash Mobile = latence = pas si rapide

Ce qui nrsquoa pas changeacute

bull LrsquoADSL

bull IE 8 (ou pire malheureux)

Ce qui a empireacute

bull Les attentes des utilisateurs

ndash Si mon petit teacuteleacutephone est fluide pourquoi pas ton site sur mon gros PC

bull Google lit le JS

ndash Ce qui veut dire que la perf front va influencer le taux de crawl

Ce qui a empireacute

bull Ton deacutepartement marketing ndash Tags

ndash Publiciteacutes

ndash Widgets

ndash AB Testing

en MASSE

Ce qui a empireacute

bull Le poids des sitesndash +130 de poids en 3 ans

ndash +56 sur les deacutedieacutes mobile

bull Les nouvelles fonctionnaliteacutesndash Font grosses images

HTTPS

bull Le RWDndash Retinacopy + IE6 + 5

breakpoints

LrsquoARSENAL

Ce qui ne marche plus

Oublies

bull Le domain sharding

bull JS en bas de page

Ce qui marchera (ou pas)

bull SPDY HTTP2ndash 30 de gain selon les

organisateurs hellip

ndash 0 selon la police

bull Images responsives specs ndash rdquosrcsetrdquo ldquosrc-Nldquo ltpicturegt client-

hints hellip

ndash ou pas

bull CSS ldquowill-changeldquo

bull Format drsquoimage WebP

Les nouveaux trucs qui marchent

bull Fonts asynchrones

bull DOM Storage offline

bull Exeacutecution non bloquante de JavaScriptndash Web Workers RaF

ndash setTimeout (fn 0)

Ce qui marchouille

bull domaine des statiques seacutepareacutendash des fois oui

ndash des fois non

bull JS Asynchrone

bull CDN

Ce qui marchouille

bull Contenu dans le HTML ndash CSS JS images =gt googlefr

bull CSS3ndash Moins drsquoimages

ndash Ccedila peut ramer

bull JPG progressifndash Partout sauf IE8 iOS

CE QUI MARCHERA TOUJOURS

Ce qui marchera toujours

bull Configure ton serveur bon sang ndash Keep-alive

ndash Gzip (lvl 9)

ndash Minifie

(Et offre toi de quoi surveiller tes admins)

Ce qui marchera toujours

bull Gegravere ton cache ndash Savoir le creacuteer

ndash Savoir lrsquoinvalider

bull Le super cache lrsquooffline

Ce qui marchera toujours

bull Asynchrone sur ndash Pubs

ndash Widgets

ndash Trackers

ndash Images non-visibles

bull Grouper ndash JS et CSS en 2 X 2 fichiers

ndash Sprites fonts iconiques

La morale de cette histoire

bull Fais ta veille

bull Teste (en Dev)

bull Re-teste (en Prod)

bull Surveille

(Et appelle moi jrsquoai un paquet drsquoideacutees rentables)(au pire je te forme)

Questions

Jean-pierre VINCENT

bull Consultant indeacutependant

ndash Applications Web (HTML5 JS)

ndash Performances

bull Formateur

ndash JavaScript

ndash Performances

bull Veilleur theystolemynick

braincrackingorg

Jrsquoai quasi-voleacute ces photos agrave

bull Blurb Code

bull Marcela Palma

bull AlsaCreacuteationS

bull Alex Proimos

bull JD Hancock

bull Ant Baena

bull Kit

bull Honza Soukup

bull Nicu Buculei

bull Earl

Page 2: Performances web - quoi de neuf ?

Bonjour je suis

bull Jean-pierre VINCENT

bull Dans le Web depuis 2000

bull Dans la perf depuis 2005

bull Startups Yahoo grosses boites FR hellip

bull Indeacutependant expert JS et perfs

bull Formateur prof auteur

bull Viens jouer theystolemynick

braincrackingorg

LE CHAMP DE BATAILLEAgrave quoi ccedila ressemble le front papa

Le monde est devenu merveilleux

Depuis 2005

bull La fibre la 4G

bull Des navigateurs qui boostent

bull HTML5

bull De nouveaux protocoles

Le monde est devenu merveilleux

bull Explosion du CSS3

bull Flat Design

bull Sites deacutedieacutes mobiles

Ce qui nrsquoa pas changeacute

bull Lrsquoecirctre humain

ndash Need For Speed

bull La vitesse de la lumiegravere

ndash Fibre deacutebit X 10 mais chargement - 20 hellip

bull La transmission radio

ndash Mobile = latence = pas si rapide

Ce qui nrsquoa pas changeacute

bull LrsquoADSL

bull IE 8 (ou pire malheureux)

Ce qui a empireacute

bull Les attentes des utilisateurs

ndash Si mon petit teacuteleacutephone est fluide pourquoi pas ton site sur mon gros PC

bull Google lit le JS

ndash Ce qui veut dire que la perf front va influencer le taux de crawl

Ce qui a empireacute

bull Ton deacutepartement marketing ndash Tags

ndash Publiciteacutes

ndash Widgets

ndash AB Testing

en MASSE

Ce qui a empireacute

bull Le poids des sitesndash +130 de poids en 3 ans

ndash +56 sur les deacutedieacutes mobile

bull Les nouvelles fonctionnaliteacutesndash Font grosses images

HTTPS

bull Le RWDndash Retinacopy + IE6 + 5

breakpoints

LrsquoARSENAL

Ce qui ne marche plus

Oublies

bull Le domain sharding

bull JS en bas de page

Ce qui marchera (ou pas)

bull SPDY HTTP2ndash 30 de gain selon les

organisateurs hellip

ndash 0 selon la police

bull Images responsives specs ndash rdquosrcsetrdquo ldquosrc-Nldquo ltpicturegt client-

hints hellip

ndash ou pas

bull CSS ldquowill-changeldquo

bull Format drsquoimage WebP

Les nouveaux trucs qui marchent

bull Fonts asynchrones

bull DOM Storage offline

bull Exeacutecution non bloquante de JavaScriptndash Web Workers RaF

ndash setTimeout (fn 0)

Ce qui marchouille

bull domaine des statiques seacutepareacutendash des fois oui

ndash des fois non

bull JS Asynchrone

bull CDN

Ce qui marchouille

bull Contenu dans le HTML ndash CSS JS images =gt googlefr

bull CSS3ndash Moins drsquoimages

ndash Ccedila peut ramer

bull JPG progressifndash Partout sauf IE8 iOS

CE QUI MARCHERA TOUJOURS

Ce qui marchera toujours

bull Configure ton serveur bon sang ndash Keep-alive

ndash Gzip (lvl 9)

ndash Minifie

(Et offre toi de quoi surveiller tes admins)

Ce qui marchera toujours

bull Gegravere ton cache ndash Savoir le creacuteer

ndash Savoir lrsquoinvalider

bull Le super cache lrsquooffline

Ce qui marchera toujours

bull Asynchrone sur ndash Pubs

ndash Widgets

ndash Trackers

ndash Images non-visibles

bull Grouper ndash JS et CSS en 2 X 2 fichiers

ndash Sprites fonts iconiques

La morale de cette histoire

bull Fais ta veille

bull Teste (en Dev)

bull Re-teste (en Prod)

bull Surveille

(Et appelle moi jrsquoai un paquet drsquoideacutees rentables)(au pire je te forme)

Questions

Jean-pierre VINCENT

bull Consultant indeacutependant

ndash Applications Web (HTML5 JS)

ndash Performances

bull Formateur

ndash JavaScript

ndash Performances

bull Veilleur theystolemynick

braincrackingorg

Jrsquoai quasi-voleacute ces photos agrave

bull Blurb Code

bull Marcela Palma

bull AlsaCreacuteationS

bull Alex Proimos

bull JD Hancock

bull Ant Baena

bull Kit

bull Honza Soukup

bull Nicu Buculei

bull Earl

Page 3: Performances web - quoi de neuf ?

LE CHAMP DE BATAILLEAgrave quoi ccedila ressemble le front papa

Le monde est devenu merveilleux

Depuis 2005

bull La fibre la 4G

bull Des navigateurs qui boostent

bull HTML5

bull De nouveaux protocoles

Le monde est devenu merveilleux

bull Explosion du CSS3

bull Flat Design

bull Sites deacutedieacutes mobiles

Ce qui nrsquoa pas changeacute

bull Lrsquoecirctre humain

ndash Need For Speed

bull La vitesse de la lumiegravere

ndash Fibre deacutebit X 10 mais chargement - 20 hellip

bull La transmission radio

ndash Mobile = latence = pas si rapide

Ce qui nrsquoa pas changeacute

bull LrsquoADSL

bull IE 8 (ou pire malheureux)

Ce qui a empireacute

bull Les attentes des utilisateurs

ndash Si mon petit teacuteleacutephone est fluide pourquoi pas ton site sur mon gros PC

bull Google lit le JS

ndash Ce qui veut dire que la perf front va influencer le taux de crawl

Ce qui a empireacute

bull Ton deacutepartement marketing ndash Tags

ndash Publiciteacutes

ndash Widgets

ndash AB Testing

en MASSE

Ce qui a empireacute

bull Le poids des sitesndash +130 de poids en 3 ans

ndash +56 sur les deacutedieacutes mobile

bull Les nouvelles fonctionnaliteacutesndash Font grosses images

HTTPS

bull Le RWDndash Retinacopy + IE6 + 5

breakpoints

LrsquoARSENAL

Ce qui ne marche plus

Oublies

bull Le domain sharding

bull JS en bas de page

Ce qui marchera (ou pas)

bull SPDY HTTP2ndash 30 de gain selon les

organisateurs hellip

ndash 0 selon la police

bull Images responsives specs ndash rdquosrcsetrdquo ldquosrc-Nldquo ltpicturegt client-

hints hellip

ndash ou pas

bull CSS ldquowill-changeldquo

bull Format drsquoimage WebP

Les nouveaux trucs qui marchent

bull Fonts asynchrones

bull DOM Storage offline

bull Exeacutecution non bloquante de JavaScriptndash Web Workers RaF

ndash setTimeout (fn 0)

Ce qui marchouille

bull domaine des statiques seacutepareacutendash des fois oui

ndash des fois non

bull JS Asynchrone

bull CDN

Ce qui marchouille

bull Contenu dans le HTML ndash CSS JS images =gt googlefr

bull CSS3ndash Moins drsquoimages

ndash Ccedila peut ramer

bull JPG progressifndash Partout sauf IE8 iOS

CE QUI MARCHERA TOUJOURS

Ce qui marchera toujours

bull Configure ton serveur bon sang ndash Keep-alive

ndash Gzip (lvl 9)

ndash Minifie

(Et offre toi de quoi surveiller tes admins)

Ce qui marchera toujours

bull Gegravere ton cache ndash Savoir le creacuteer

ndash Savoir lrsquoinvalider

bull Le super cache lrsquooffline

Ce qui marchera toujours

bull Asynchrone sur ndash Pubs

ndash Widgets

ndash Trackers

ndash Images non-visibles

bull Grouper ndash JS et CSS en 2 X 2 fichiers

ndash Sprites fonts iconiques

La morale de cette histoire

bull Fais ta veille

bull Teste (en Dev)

bull Re-teste (en Prod)

bull Surveille

(Et appelle moi jrsquoai un paquet drsquoideacutees rentables)(au pire je te forme)

Questions

Jean-pierre VINCENT

bull Consultant indeacutependant

ndash Applications Web (HTML5 JS)

ndash Performances

bull Formateur

ndash JavaScript

ndash Performances

bull Veilleur theystolemynick

braincrackingorg

Jrsquoai quasi-voleacute ces photos agrave

bull Blurb Code

bull Marcela Palma

bull AlsaCreacuteationS

bull Alex Proimos

bull JD Hancock

bull Ant Baena

bull Kit

bull Honza Soukup

bull Nicu Buculei

bull Earl

Page 4: Performances web - quoi de neuf ?

Le monde est devenu merveilleux

Depuis 2005

bull La fibre la 4G

bull Des navigateurs qui boostent

bull HTML5

bull De nouveaux protocoles

Le monde est devenu merveilleux

bull Explosion du CSS3

bull Flat Design

bull Sites deacutedieacutes mobiles

Ce qui nrsquoa pas changeacute

bull Lrsquoecirctre humain

ndash Need For Speed

bull La vitesse de la lumiegravere

ndash Fibre deacutebit X 10 mais chargement - 20 hellip

bull La transmission radio

ndash Mobile = latence = pas si rapide

Ce qui nrsquoa pas changeacute

bull LrsquoADSL

bull IE 8 (ou pire malheureux)

Ce qui a empireacute

bull Les attentes des utilisateurs

ndash Si mon petit teacuteleacutephone est fluide pourquoi pas ton site sur mon gros PC

bull Google lit le JS

ndash Ce qui veut dire que la perf front va influencer le taux de crawl

Ce qui a empireacute

bull Ton deacutepartement marketing ndash Tags

ndash Publiciteacutes

ndash Widgets

ndash AB Testing

en MASSE

Ce qui a empireacute

bull Le poids des sitesndash +130 de poids en 3 ans

ndash +56 sur les deacutedieacutes mobile

bull Les nouvelles fonctionnaliteacutesndash Font grosses images

HTTPS

bull Le RWDndash Retinacopy + IE6 + 5

breakpoints

LrsquoARSENAL

Ce qui ne marche plus

Oublies

bull Le domain sharding

bull JS en bas de page

Ce qui marchera (ou pas)

bull SPDY HTTP2ndash 30 de gain selon les

organisateurs hellip

ndash 0 selon la police

bull Images responsives specs ndash rdquosrcsetrdquo ldquosrc-Nldquo ltpicturegt client-

hints hellip

ndash ou pas

bull CSS ldquowill-changeldquo

bull Format drsquoimage WebP

Les nouveaux trucs qui marchent

bull Fonts asynchrones

bull DOM Storage offline

bull Exeacutecution non bloquante de JavaScriptndash Web Workers RaF

ndash setTimeout (fn 0)

Ce qui marchouille

bull domaine des statiques seacutepareacutendash des fois oui

ndash des fois non

bull JS Asynchrone

bull CDN

Ce qui marchouille

bull Contenu dans le HTML ndash CSS JS images =gt googlefr

bull CSS3ndash Moins drsquoimages

ndash Ccedila peut ramer

bull JPG progressifndash Partout sauf IE8 iOS

CE QUI MARCHERA TOUJOURS

Ce qui marchera toujours

bull Configure ton serveur bon sang ndash Keep-alive

ndash Gzip (lvl 9)

ndash Minifie

(Et offre toi de quoi surveiller tes admins)

Ce qui marchera toujours

bull Gegravere ton cache ndash Savoir le creacuteer

ndash Savoir lrsquoinvalider

bull Le super cache lrsquooffline

Ce qui marchera toujours

bull Asynchrone sur ndash Pubs

ndash Widgets

ndash Trackers

ndash Images non-visibles

bull Grouper ndash JS et CSS en 2 X 2 fichiers

ndash Sprites fonts iconiques

La morale de cette histoire

bull Fais ta veille

bull Teste (en Dev)

bull Re-teste (en Prod)

bull Surveille

(Et appelle moi jrsquoai un paquet drsquoideacutees rentables)(au pire je te forme)

Questions

Jean-pierre VINCENT

bull Consultant indeacutependant

ndash Applications Web (HTML5 JS)

ndash Performances

bull Formateur

ndash JavaScript

ndash Performances

bull Veilleur theystolemynick

braincrackingorg

Jrsquoai quasi-voleacute ces photos agrave

bull Blurb Code

bull Marcela Palma

bull AlsaCreacuteationS

bull Alex Proimos

bull JD Hancock

bull Ant Baena

bull Kit

bull Honza Soukup

bull Nicu Buculei

bull Earl

Page 5: Performances web - quoi de neuf ?

Le monde est devenu merveilleux

bull Explosion du CSS3

bull Flat Design

bull Sites deacutedieacutes mobiles

Ce qui nrsquoa pas changeacute

bull Lrsquoecirctre humain

ndash Need For Speed

bull La vitesse de la lumiegravere

ndash Fibre deacutebit X 10 mais chargement - 20 hellip

bull La transmission radio

ndash Mobile = latence = pas si rapide

Ce qui nrsquoa pas changeacute

bull LrsquoADSL

bull IE 8 (ou pire malheureux)

Ce qui a empireacute

bull Les attentes des utilisateurs

ndash Si mon petit teacuteleacutephone est fluide pourquoi pas ton site sur mon gros PC

bull Google lit le JS

ndash Ce qui veut dire que la perf front va influencer le taux de crawl

Ce qui a empireacute

bull Ton deacutepartement marketing ndash Tags

ndash Publiciteacutes

ndash Widgets

ndash AB Testing

en MASSE

Ce qui a empireacute

bull Le poids des sitesndash +130 de poids en 3 ans

ndash +56 sur les deacutedieacutes mobile

bull Les nouvelles fonctionnaliteacutesndash Font grosses images

HTTPS

bull Le RWDndash Retinacopy + IE6 + 5

breakpoints

LrsquoARSENAL

Ce qui ne marche plus

Oublies

bull Le domain sharding

bull JS en bas de page

Ce qui marchera (ou pas)

bull SPDY HTTP2ndash 30 de gain selon les

organisateurs hellip

ndash 0 selon la police

bull Images responsives specs ndash rdquosrcsetrdquo ldquosrc-Nldquo ltpicturegt client-

hints hellip

ndash ou pas

bull CSS ldquowill-changeldquo

bull Format drsquoimage WebP

Les nouveaux trucs qui marchent

bull Fonts asynchrones

bull DOM Storage offline

bull Exeacutecution non bloquante de JavaScriptndash Web Workers RaF

ndash setTimeout (fn 0)

Ce qui marchouille

bull domaine des statiques seacutepareacutendash des fois oui

ndash des fois non

bull JS Asynchrone

bull CDN

Ce qui marchouille

bull Contenu dans le HTML ndash CSS JS images =gt googlefr

bull CSS3ndash Moins drsquoimages

ndash Ccedila peut ramer

bull JPG progressifndash Partout sauf IE8 iOS

CE QUI MARCHERA TOUJOURS

Ce qui marchera toujours

bull Configure ton serveur bon sang ndash Keep-alive

ndash Gzip (lvl 9)

ndash Minifie

(Et offre toi de quoi surveiller tes admins)

Ce qui marchera toujours

bull Gegravere ton cache ndash Savoir le creacuteer

ndash Savoir lrsquoinvalider

bull Le super cache lrsquooffline

Ce qui marchera toujours

bull Asynchrone sur ndash Pubs

ndash Widgets

ndash Trackers

ndash Images non-visibles

bull Grouper ndash JS et CSS en 2 X 2 fichiers

ndash Sprites fonts iconiques

La morale de cette histoire

bull Fais ta veille

bull Teste (en Dev)

bull Re-teste (en Prod)

bull Surveille

(Et appelle moi jrsquoai un paquet drsquoideacutees rentables)(au pire je te forme)

Questions

Jean-pierre VINCENT

bull Consultant indeacutependant

ndash Applications Web (HTML5 JS)

ndash Performances

bull Formateur

ndash JavaScript

ndash Performances

bull Veilleur theystolemynick

braincrackingorg

Jrsquoai quasi-voleacute ces photos agrave

bull Blurb Code

bull Marcela Palma

bull AlsaCreacuteationS

bull Alex Proimos

bull JD Hancock

bull Ant Baena

bull Kit

bull Honza Soukup

bull Nicu Buculei

bull Earl

Page 6: Performances web - quoi de neuf ?

Ce qui nrsquoa pas changeacute

bull Lrsquoecirctre humain

ndash Need For Speed

bull La vitesse de la lumiegravere

ndash Fibre deacutebit X 10 mais chargement - 20 hellip

bull La transmission radio

ndash Mobile = latence = pas si rapide

Ce qui nrsquoa pas changeacute

bull LrsquoADSL

bull IE 8 (ou pire malheureux)

Ce qui a empireacute

bull Les attentes des utilisateurs

ndash Si mon petit teacuteleacutephone est fluide pourquoi pas ton site sur mon gros PC

bull Google lit le JS

ndash Ce qui veut dire que la perf front va influencer le taux de crawl

Ce qui a empireacute

bull Ton deacutepartement marketing ndash Tags

ndash Publiciteacutes

ndash Widgets

ndash AB Testing

en MASSE

Ce qui a empireacute

bull Le poids des sitesndash +130 de poids en 3 ans

ndash +56 sur les deacutedieacutes mobile

bull Les nouvelles fonctionnaliteacutesndash Font grosses images

HTTPS

bull Le RWDndash Retinacopy + IE6 + 5

breakpoints

LrsquoARSENAL

Ce qui ne marche plus

Oublies

bull Le domain sharding

bull JS en bas de page

Ce qui marchera (ou pas)

bull SPDY HTTP2ndash 30 de gain selon les

organisateurs hellip

ndash 0 selon la police

bull Images responsives specs ndash rdquosrcsetrdquo ldquosrc-Nldquo ltpicturegt client-

hints hellip

ndash ou pas

bull CSS ldquowill-changeldquo

bull Format drsquoimage WebP

Les nouveaux trucs qui marchent

bull Fonts asynchrones

bull DOM Storage offline

bull Exeacutecution non bloquante de JavaScriptndash Web Workers RaF

ndash setTimeout (fn 0)

Ce qui marchouille

bull domaine des statiques seacutepareacutendash des fois oui

ndash des fois non

bull JS Asynchrone

bull CDN

Ce qui marchouille

bull Contenu dans le HTML ndash CSS JS images =gt googlefr

bull CSS3ndash Moins drsquoimages

ndash Ccedila peut ramer

bull JPG progressifndash Partout sauf IE8 iOS

CE QUI MARCHERA TOUJOURS

Ce qui marchera toujours

bull Configure ton serveur bon sang ndash Keep-alive

ndash Gzip (lvl 9)

ndash Minifie

(Et offre toi de quoi surveiller tes admins)

Ce qui marchera toujours

bull Gegravere ton cache ndash Savoir le creacuteer

ndash Savoir lrsquoinvalider

bull Le super cache lrsquooffline

Ce qui marchera toujours

bull Asynchrone sur ndash Pubs

ndash Widgets

ndash Trackers

ndash Images non-visibles

bull Grouper ndash JS et CSS en 2 X 2 fichiers

ndash Sprites fonts iconiques

La morale de cette histoire

bull Fais ta veille

bull Teste (en Dev)

bull Re-teste (en Prod)

bull Surveille

(Et appelle moi jrsquoai un paquet drsquoideacutees rentables)(au pire je te forme)

Questions

Jean-pierre VINCENT

bull Consultant indeacutependant

ndash Applications Web (HTML5 JS)

ndash Performances

bull Formateur

ndash JavaScript

ndash Performances

bull Veilleur theystolemynick

braincrackingorg

Jrsquoai quasi-voleacute ces photos agrave

bull Blurb Code

bull Marcela Palma

bull AlsaCreacuteationS

bull Alex Proimos

bull JD Hancock

bull Ant Baena

bull Kit

bull Honza Soukup

bull Nicu Buculei

bull Earl

Page 7: Performances web - quoi de neuf ?

Ce qui nrsquoa pas changeacute

bull LrsquoADSL

bull IE 8 (ou pire malheureux)

Ce qui a empireacute

bull Les attentes des utilisateurs

ndash Si mon petit teacuteleacutephone est fluide pourquoi pas ton site sur mon gros PC

bull Google lit le JS

ndash Ce qui veut dire que la perf front va influencer le taux de crawl

Ce qui a empireacute

bull Ton deacutepartement marketing ndash Tags

ndash Publiciteacutes

ndash Widgets

ndash AB Testing

en MASSE

Ce qui a empireacute

bull Le poids des sitesndash +130 de poids en 3 ans

ndash +56 sur les deacutedieacutes mobile

bull Les nouvelles fonctionnaliteacutesndash Font grosses images

HTTPS

bull Le RWDndash Retinacopy + IE6 + 5

breakpoints

LrsquoARSENAL

Ce qui ne marche plus

Oublies

bull Le domain sharding

bull JS en bas de page

Ce qui marchera (ou pas)

bull SPDY HTTP2ndash 30 de gain selon les

organisateurs hellip

ndash 0 selon la police

bull Images responsives specs ndash rdquosrcsetrdquo ldquosrc-Nldquo ltpicturegt client-

hints hellip

ndash ou pas

bull CSS ldquowill-changeldquo

bull Format drsquoimage WebP

Les nouveaux trucs qui marchent

bull Fonts asynchrones

bull DOM Storage offline

bull Exeacutecution non bloquante de JavaScriptndash Web Workers RaF

ndash setTimeout (fn 0)

Ce qui marchouille

bull domaine des statiques seacutepareacutendash des fois oui

ndash des fois non

bull JS Asynchrone

bull CDN

Ce qui marchouille

bull Contenu dans le HTML ndash CSS JS images =gt googlefr

bull CSS3ndash Moins drsquoimages

ndash Ccedila peut ramer

bull JPG progressifndash Partout sauf IE8 iOS

CE QUI MARCHERA TOUJOURS

Ce qui marchera toujours

bull Configure ton serveur bon sang ndash Keep-alive

ndash Gzip (lvl 9)

ndash Minifie

(Et offre toi de quoi surveiller tes admins)

Ce qui marchera toujours

bull Gegravere ton cache ndash Savoir le creacuteer

ndash Savoir lrsquoinvalider

bull Le super cache lrsquooffline

Ce qui marchera toujours

bull Asynchrone sur ndash Pubs

ndash Widgets

ndash Trackers

ndash Images non-visibles

bull Grouper ndash JS et CSS en 2 X 2 fichiers

ndash Sprites fonts iconiques

La morale de cette histoire

bull Fais ta veille

bull Teste (en Dev)

bull Re-teste (en Prod)

bull Surveille

(Et appelle moi jrsquoai un paquet drsquoideacutees rentables)(au pire je te forme)

Questions

Jean-pierre VINCENT

bull Consultant indeacutependant

ndash Applications Web (HTML5 JS)

ndash Performances

bull Formateur

ndash JavaScript

ndash Performances

bull Veilleur theystolemynick

braincrackingorg

Jrsquoai quasi-voleacute ces photos agrave

bull Blurb Code

bull Marcela Palma

bull AlsaCreacuteationS

bull Alex Proimos

bull JD Hancock

bull Ant Baena

bull Kit

bull Honza Soukup

bull Nicu Buculei

bull Earl

Page 8: Performances web - quoi de neuf ?

Ce qui a empireacute

bull Les attentes des utilisateurs

ndash Si mon petit teacuteleacutephone est fluide pourquoi pas ton site sur mon gros PC

bull Google lit le JS

ndash Ce qui veut dire que la perf front va influencer le taux de crawl

Ce qui a empireacute

bull Ton deacutepartement marketing ndash Tags

ndash Publiciteacutes

ndash Widgets

ndash AB Testing

en MASSE

Ce qui a empireacute

bull Le poids des sitesndash +130 de poids en 3 ans

ndash +56 sur les deacutedieacutes mobile

bull Les nouvelles fonctionnaliteacutesndash Font grosses images

HTTPS

bull Le RWDndash Retinacopy + IE6 + 5

breakpoints

LrsquoARSENAL

Ce qui ne marche plus

Oublies

bull Le domain sharding

bull JS en bas de page

Ce qui marchera (ou pas)

bull SPDY HTTP2ndash 30 de gain selon les

organisateurs hellip

ndash 0 selon la police

bull Images responsives specs ndash rdquosrcsetrdquo ldquosrc-Nldquo ltpicturegt client-

hints hellip

ndash ou pas

bull CSS ldquowill-changeldquo

bull Format drsquoimage WebP

Les nouveaux trucs qui marchent

bull Fonts asynchrones

bull DOM Storage offline

bull Exeacutecution non bloquante de JavaScriptndash Web Workers RaF

ndash setTimeout (fn 0)

Ce qui marchouille

bull domaine des statiques seacutepareacutendash des fois oui

ndash des fois non

bull JS Asynchrone

bull CDN

Ce qui marchouille

bull Contenu dans le HTML ndash CSS JS images =gt googlefr

bull CSS3ndash Moins drsquoimages

ndash Ccedila peut ramer

bull JPG progressifndash Partout sauf IE8 iOS

CE QUI MARCHERA TOUJOURS

Ce qui marchera toujours

bull Configure ton serveur bon sang ndash Keep-alive

ndash Gzip (lvl 9)

ndash Minifie

(Et offre toi de quoi surveiller tes admins)

Ce qui marchera toujours

bull Gegravere ton cache ndash Savoir le creacuteer

ndash Savoir lrsquoinvalider

bull Le super cache lrsquooffline

Ce qui marchera toujours

bull Asynchrone sur ndash Pubs

ndash Widgets

ndash Trackers

ndash Images non-visibles

bull Grouper ndash JS et CSS en 2 X 2 fichiers

ndash Sprites fonts iconiques

La morale de cette histoire

bull Fais ta veille

bull Teste (en Dev)

bull Re-teste (en Prod)

bull Surveille

(Et appelle moi jrsquoai un paquet drsquoideacutees rentables)(au pire je te forme)

Questions

Jean-pierre VINCENT

bull Consultant indeacutependant

ndash Applications Web (HTML5 JS)

ndash Performances

bull Formateur

ndash JavaScript

ndash Performances

bull Veilleur theystolemynick

braincrackingorg

Jrsquoai quasi-voleacute ces photos agrave

bull Blurb Code

bull Marcela Palma

bull AlsaCreacuteationS

bull Alex Proimos

bull JD Hancock

bull Ant Baena

bull Kit

bull Honza Soukup

bull Nicu Buculei

bull Earl

Page 9: Performances web - quoi de neuf ?

Ce qui a empireacute

bull Ton deacutepartement marketing ndash Tags

ndash Publiciteacutes

ndash Widgets

ndash AB Testing

en MASSE

Ce qui a empireacute

bull Le poids des sitesndash +130 de poids en 3 ans

ndash +56 sur les deacutedieacutes mobile

bull Les nouvelles fonctionnaliteacutesndash Font grosses images

HTTPS

bull Le RWDndash Retinacopy + IE6 + 5

breakpoints

LrsquoARSENAL

Ce qui ne marche plus

Oublies

bull Le domain sharding

bull JS en bas de page

Ce qui marchera (ou pas)

bull SPDY HTTP2ndash 30 de gain selon les

organisateurs hellip

ndash 0 selon la police

bull Images responsives specs ndash rdquosrcsetrdquo ldquosrc-Nldquo ltpicturegt client-

hints hellip

ndash ou pas

bull CSS ldquowill-changeldquo

bull Format drsquoimage WebP

Les nouveaux trucs qui marchent

bull Fonts asynchrones

bull DOM Storage offline

bull Exeacutecution non bloquante de JavaScriptndash Web Workers RaF

ndash setTimeout (fn 0)

Ce qui marchouille

bull domaine des statiques seacutepareacutendash des fois oui

ndash des fois non

bull JS Asynchrone

bull CDN

Ce qui marchouille

bull Contenu dans le HTML ndash CSS JS images =gt googlefr

bull CSS3ndash Moins drsquoimages

ndash Ccedila peut ramer

bull JPG progressifndash Partout sauf IE8 iOS

CE QUI MARCHERA TOUJOURS

Ce qui marchera toujours

bull Configure ton serveur bon sang ndash Keep-alive

ndash Gzip (lvl 9)

ndash Minifie

(Et offre toi de quoi surveiller tes admins)

Ce qui marchera toujours

bull Gegravere ton cache ndash Savoir le creacuteer

ndash Savoir lrsquoinvalider

bull Le super cache lrsquooffline

Ce qui marchera toujours

bull Asynchrone sur ndash Pubs

ndash Widgets

ndash Trackers

ndash Images non-visibles

bull Grouper ndash JS et CSS en 2 X 2 fichiers

ndash Sprites fonts iconiques

La morale de cette histoire

bull Fais ta veille

bull Teste (en Dev)

bull Re-teste (en Prod)

bull Surveille

(Et appelle moi jrsquoai un paquet drsquoideacutees rentables)(au pire je te forme)

Questions

Jean-pierre VINCENT

bull Consultant indeacutependant

ndash Applications Web (HTML5 JS)

ndash Performances

bull Formateur

ndash JavaScript

ndash Performances

bull Veilleur theystolemynick

braincrackingorg

Jrsquoai quasi-voleacute ces photos agrave

bull Blurb Code

bull Marcela Palma

bull AlsaCreacuteationS

bull Alex Proimos

bull JD Hancock

bull Ant Baena

bull Kit

bull Honza Soukup

bull Nicu Buculei

bull Earl

Page 10: Performances web - quoi de neuf ?

Ce qui a empireacute

bull Le poids des sitesndash +130 de poids en 3 ans

ndash +56 sur les deacutedieacutes mobile

bull Les nouvelles fonctionnaliteacutesndash Font grosses images

HTTPS

bull Le RWDndash Retinacopy + IE6 + 5

breakpoints

LrsquoARSENAL

Ce qui ne marche plus

Oublies

bull Le domain sharding

bull JS en bas de page

Ce qui marchera (ou pas)

bull SPDY HTTP2ndash 30 de gain selon les

organisateurs hellip

ndash 0 selon la police

bull Images responsives specs ndash rdquosrcsetrdquo ldquosrc-Nldquo ltpicturegt client-

hints hellip

ndash ou pas

bull CSS ldquowill-changeldquo

bull Format drsquoimage WebP

Les nouveaux trucs qui marchent

bull Fonts asynchrones

bull DOM Storage offline

bull Exeacutecution non bloquante de JavaScriptndash Web Workers RaF

ndash setTimeout (fn 0)

Ce qui marchouille

bull domaine des statiques seacutepareacutendash des fois oui

ndash des fois non

bull JS Asynchrone

bull CDN

Ce qui marchouille

bull Contenu dans le HTML ndash CSS JS images =gt googlefr

bull CSS3ndash Moins drsquoimages

ndash Ccedila peut ramer

bull JPG progressifndash Partout sauf IE8 iOS

CE QUI MARCHERA TOUJOURS

Ce qui marchera toujours

bull Configure ton serveur bon sang ndash Keep-alive

ndash Gzip (lvl 9)

ndash Minifie

(Et offre toi de quoi surveiller tes admins)

Ce qui marchera toujours

bull Gegravere ton cache ndash Savoir le creacuteer

ndash Savoir lrsquoinvalider

bull Le super cache lrsquooffline

Ce qui marchera toujours

bull Asynchrone sur ndash Pubs

ndash Widgets

ndash Trackers

ndash Images non-visibles

bull Grouper ndash JS et CSS en 2 X 2 fichiers

ndash Sprites fonts iconiques

La morale de cette histoire

bull Fais ta veille

bull Teste (en Dev)

bull Re-teste (en Prod)

bull Surveille

(Et appelle moi jrsquoai un paquet drsquoideacutees rentables)(au pire je te forme)

Questions

Jean-pierre VINCENT

bull Consultant indeacutependant

ndash Applications Web (HTML5 JS)

ndash Performances

bull Formateur

ndash JavaScript

ndash Performances

bull Veilleur theystolemynick

braincrackingorg

Jrsquoai quasi-voleacute ces photos agrave

bull Blurb Code

bull Marcela Palma

bull AlsaCreacuteationS

bull Alex Proimos

bull JD Hancock

bull Ant Baena

bull Kit

bull Honza Soukup

bull Nicu Buculei

bull Earl

Page 11: Performances web - quoi de neuf ?

LrsquoARSENAL

Ce qui ne marche plus

Oublies

bull Le domain sharding

bull JS en bas de page

Ce qui marchera (ou pas)

bull SPDY HTTP2ndash 30 de gain selon les

organisateurs hellip

ndash 0 selon la police

bull Images responsives specs ndash rdquosrcsetrdquo ldquosrc-Nldquo ltpicturegt client-

hints hellip

ndash ou pas

bull CSS ldquowill-changeldquo

bull Format drsquoimage WebP

Les nouveaux trucs qui marchent

bull Fonts asynchrones

bull DOM Storage offline

bull Exeacutecution non bloquante de JavaScriptndash Web Workers RaF

ndash setTimeout (fn 0)

Ce qui marchouille

bull domaine des statiques seacutepareacutendash des fois oui

ndash des fois non

bull JS Asynchrone

bull CDN

Ce qui marchouille

bull Contenu dans le HTML ndash CSS JS images =gt googlefr

bull CSS3ndash Moins drsquoimages

ndash Ccedila peut ramer

bull JPG progressifndash Partout sauf IE8 iOS

CE QUI MARCHERA TOUJOURS

Ce qui marchera toujours

bull Configure ton serveur bon sang ndash Keep-alive

ndash Gzip (lvl 9)

ndash Minifie

(Et offre toi de quoi surveiller tes admins)

Ce qui marchera toujours

bull Gegravere ton cache ndash Savoir le creacuteer

ndash Savoir lrsquoinvalider

bull Le super cache lrsquooffline

Ce qui marchera toujours

bull Asynchrone sur ndash Pubs

ndash Widgets

ndash Trackers

ndash Images non-visibles

bull Grouper ndash JS et CSS en 2 X 2 fichiers

ndash Sprites fonts iconiques

La morale de cette histoire

bull Fais ta veille

bull Teste (en Dev)

bull Re-teste (en Prod)

bull Surveille

(Et appelle moi jrsquoai un paquet drsquoideacutees rentables)(au pire je te forme)

Questions

Jean-pierre VINCENT

bull Consultant indeacutependant

ndash Applications Web (HTML5 JS)

ndash Performances

bull Formateur

ndash JavaScript

ndash Performances

bull Veilleur theystolemynick

braincrackingorg

Jrsquoai quasi-voleacute ces photos agrave

bull Blurb Code

bull Marcela Palma

bull AlsaCreacuteationS

bull Alex Proimos

bull JD Hancock

bull Ant Baena

bull Kit

bull Honza Soukup

bull Nicu Buculei

bull Earl

Page 12: Performances web - quoi de neuf ?

Ce qui ne marche plus

Oublies

bull Le domain sharding

bull JS en bas de page

Ce qui marchera (ou pas)

bull SPDY HTTP2ndash 30 de gain selon les

organisateurs hellip

ndash 0 selon la police

bull Images responsives specs ndash rdquosrcsetrdquo ldquosrc-Nldquo ltpicturegt client-

hints hellip

ndash ou pas

bull CSS ldquowill-changeldquo

bull Format drsquoimage WebP

Les nouveaux trucs qui marchent

bull Fonts asynchrones

bull DOM Storage offline

bull Exeacutecution non bloquante de JavaScriptndash Web Workers RaF

ndash setTimeout (fn 0)

Ce qui marchouille

bull domaine des statiques seacutepareacutendash des fois oui

ndash des fois non

bull JS Asynchrone

bull CDN

Ce qui marchouille

bull Contenu dans le HTML ndash CSS JS images =gt googlefr

bull CSS3ndash Moins drsquoimages

ndash Ccedila peut ramer

bull JPG progressifndash Partout sauf IE8 iOS

CE QUI MARCHERA TOUJOURS

Ce qui marchera toujours

bull Configure ton serveur bon sang ndash Keep-alive

ndash Gzip (lvl 9)

ndash Minifie

(Et offre toi de quoi surveiller tes admins)

Ce qui marchera toujours

bull Gegravere ton cache ndash Savoir le creacuteer

ndash Savoir lrsquoinvalider

bull Le super cache lrsquooffline

Ce qui marchera toujours

bull Asynchrone sur ndash Pubs

ndash Widgets

ndash Trackers

ndash Images non-visibles

bull Grouper ndash JS et CSS en 2 X 2 fichiers

ndash Sprites fonts iconiques

La morale de cette histoire

bull Fais ta veille

bull Teste (en Dev)

bull Re-teste (en Prod)

bull Surveille

(Et appelle moi jrsquoai un paquet drsquoideacutees rentables)(au pire je te forme)

Questions

Jean-pierre VINCENT

bull Consultant indeacutependant

ndash Applications Web (HTML5 JS)

ndash Performances

bull Formateur

ndash JavaScript

ndash Performances

bull Veilleur theystolemynick

braincrackingorg

Jrsquoai quasi-voleacute ces photos agrave

bull Blurb Code

bull Marcela Palma

bull AlsaCreacuteationS

bull Alex Proimos

bull JD Hancock

bull Ant Baena

bull Kit

bull Honza Soukup

bull Nicu Buculei

bull Earl

Page 13: Performances web - quoi de neuf ?

Ce qui marchera (ou pas)

bull SPDY HTTP2ndash 30 de gain selon les

organisateurs hellip

ndash 0 selon la police

bull Images responsives specs ndash rdquosrcsetrdquo ldquosrc-Nldquo ltpicturegt client-

hints hellip

ndash ou pas

bull CSS ldquowill-changeldquo

bull Format drsquoimage WebP

Les nouveaux trucs qui marchent

bull Fonts asynchrones

bull DOM Storage offline

bull Exeacutecution non bloquante de JavaScriptndash Web Workers RaF

ndash setTimeout (fn 0)

Ce qui marchouille

bull domaine des statiques seacutepareacutendash des fois oui

ndash des fois non

bull JS Asynchrone

bull CDN

Ce qui marchouille

bull Contenu dans le HTML ndash CSS JS images =gt googlefr

bull CSS3ndash Moins drsquoimages

ndash Ccedila peut ramer

bull JPG progressifndash Partout sauf IE8 iOS

CE QUI MARCHERA TOUJOURS

Ce qui marchera toujours

bull Configure ton serveur bon sang ndash Keep-alive

ndash Gzip (lvl 9)

ndash Minifie

(Et offre toi de quoi surveiller tes admins)

Ce qui marchera toujours

bull Gegravere ton cache ndash Savoir le creacuteer

ndash Savoir lrsquoinvalider

bull Le super cache lrsquooffline

Ce qui marchera toujours

bull Asynchrone sur ndash Pubs

ndash Widgets

ndash Trackers

ndash Images non-visibles

bull Grouper ndash JS et CSS en 2 X 2 fichiers

ndash Sprites fonts iconiques

La morale de cette histoire

bull Fais ta veille

bull Teste (en Dev)

bull Re-teste (en Prod)

bull Surveille

(Et appelle moi jrsquoai un paquet drsquoideacutees rentables)(au pire je te forme)

Questions

Jean-pierre VINCENT

bull Consultant indeacutependant

ndash Applications Web (HTML5 JS)

ndash Performances

bull Formateur

ndash JavaScript

ndash Performances

bull Veilleur theystolemynick

braincrackingorg

Jrsquoai quasi-voleacute ces photos agrave

bull Blurb Code

bull Marcela Palma

bull AlsaCreacuteationS

bull Alex Proimos

bull JD Hancock

bull Ant Baena

bull Kit

bull Honza Soukup

bull Nicu Buculei

bull Earl

Page 14: Performances web - quoi de neuf ?

Les nouveaux trucs qui marchent

bull Fonts asynchrones

bull DOM Storage offline

bull Exeacutecution non bloquante de JavaScriptndash Web Workers RaF

ndash setTimeout (fn 0)

Ce qui marchouille

bull domaine des statiques seacutepareacutendash des fois oui

ndash des fois non

bull JS Asynchrone

bull CDN

Ce qui marchouille

bull Contenu dans le HTML ndash CSS JS images =gt googlefr

bull CSS3ndash Moins drsquoimages

ndash Ccedila peut ramer

bull JPG progressifndash Partout sauf IE8 iOS

CE QUI MARCHERA TOUJOURS

Ce qui marchera toujours

bull Configure ton serveur bon sang ndash Keep-alive

ndash Gzip (lvl 9)

ndash Minifie

(Et offre toi de quoi surveiller tes admins)

Ce qui marchera toujours

bull Gegravere ton cache ndash Savoir le creacuteer

ndash Savoir lrsquoinvalider

bull Le super cache lrsquooffline

Ce qui marchera toujours

bull Asynchrone sur ndash Pubs

ndash Widgets

ndash Trackers

ndash Images non-visibles

bull Grouper ndash JS et CSS en 2 X 2 fichiers

ndash Sprites fonts iconiques

La morale de cette histoire

bull Fais ta veille

bull Teste (en Dev)

bull Re-teste (en Prod)

bull Surveille

(Et appelle moi jrsquoai un paquet drsquoideacutees rentables)(au pire je te forme)

Questions

Jean-pierre VINCENT

bull Consultant indeacutependant

ndash Applications Web (HTML5 JS)

ndash Performances

bull Formateur

ndash JavaScript

ndash Performances

bull Veilleur theystolemynick

braincrackingorg

Jrsquoai quasi-voleacute ces photos agrave

bull Blurb Code

bull Marcela Palma

bull AlsaCreacuteationS

bull Alex Proimos

bull JD Hancock

bull Ant Baena

bull Kit

bull Honza Soukup

bull Nicu Buculei

bull Earl

Page 15: Performances web - quoi de neuf ?

Ce qui marchouille

bull domaine des statiques seacutepareacutendash des fois oui

ndash des fois non

bull JS Asynchrone

bull CDN

Ce qui marchouille

bull Contenu dans le HTML ndash CSS JS images =gt googlefr

bull CSS3ndash Moins drsquoimages

ndash Ccedila peut ramer

bull JPG progressifndash Partout sauf IE8 iOS

CE QUI MARCHERA TOUJOURS

Ce qui marchera toujours

bull Configure ton serveur bon sang ndash Keep-alive

ndash Gzip (lvl 9)

ndash Minifie

(Et offre toi de quoi surveiller tes admins)

Ce qui marchera toujours

bull Gegravere ton cache ndash Savoir le creacuteer

ndash Savoir lrsquoinvalider

bull Le super cache lrsquooffline

Ce qui marchera toujours

bull Asynchrone sur ndash Pubs

ndash Widgets

ndash Trackers

ndash Images non-visibles

bull Grouper ndash JS et CSS en 2 X 2 fichiers

ndash Sprites fonts iconiques

La morale de cette histoire

bull Fais ta veille

bull Teste (en Dev)

bull Re-teste (en Prod)

bull Surveille

(Et appelle moi jrsquoai un paquet drsquoideacutees rentables)(au pire je te forme)

Questions

Jean-pierre VINCENT

bull Consultant indeacutependant

ndash Applications Web (HTML5 JS)

ndash Performances

bull Formateur

ndash JavaScript

ndash Performances

bull Veilleur theystolemynick

braincrackingorg

Jrsquoai quasi-voleacute ces photos agrave

bull Blurb Code

bull Marcela Palma

bull AlsaCreacuteationS

bull Alex Proimos

bull JD Hancock

bull Ant Baena

bull Kit

bull Honza Soukup

bull Nicu Buculei

bull Earl

Page 16: Performances web - quoi de neuf ?

Ce qui marchouille

bull Contenu dans le HTML ndash CSS JS images =gt googlefr

bull CSS3ndash Moins drsquoimages

ndash Ccedila peut ramer

bull JPG progressifndash Partout sauf IE8 iOS

CE QUI MARCHERA TOUJOURS

Ce qui marchera toujours

bull Configure ton serveur bon sang ndash Keep-alive

ndash Gzip (lvl 9)

ndash Minifie

(Et offre toi de quoi surveiller tes admins)

Ce qui marchera toujours

bull Gegravere ton cache ndash Savoir le creacuteer

ndash Savoir lrsquoinvalider

bull Le super cache lrsquooffline

Ce qui marchera toujours

bull Asynchrone sur ndash Pubs

ndash Widgets

ndash Trackers

ndash Images non-visibles

bull Grouper ndash JS et CSS en 2 X 2 fichiers

ndash Sprites fonts iconiques

La morale de cette histoire

bull Fais ta veille

bull Teste (en Dev)

bull Re-teste (en Prod)

bull Surveille

(Et appelle moi jrsquoai un paquet drsquoideacutees rentables)(au pire je te forme)

Questions

Jean-pierre VINCENT

bull Consultant indeacutependant

ndash Applications Web (HTML5 JS)

ndash Performances

bull Formateur

ndash JavaScript

ndash Performances

bull Veilleur theystolemynick

braincrackingorg

Jrsquoai quasi-voleacute ces photos agrave

bull Blurb Code

bull Marcela Palma

bull AlsaCreacuteationS

bull Alex Proimos

bull JD Hancock

bull Ant Baena

bull Kit

bull Honza Soukup

bull Nicu Buculei

bull Earl

Page 17: Performances web - quoi de neuf ?

CE QUI MARCHERA TOUJOURS

Ce qui marchera toujours

bull Configure ton serveur bon sang ndash Keep-alive

ndash Gzip (lvl 9)

ndash Minifie

(Et offre toi de quoi surveiller tes admins)

Ce qui marchera toujours

bull Gegravere ton cache ndash Savoir le creacuteer

ndash Savoir lrsquoinvalider

bull Le super cache lrsquooffline

Ce qui marchera toujours

bull Asynchrone sur ndash Pubs

ndash Widgets

ndash Trackers

ndash Images non-visibles

bull Grouper ndash JS et CSS en 2 X 2 fichiers

ndash Sprites fonts iconiques

La morale de cette histoire

bull Fais ta veille

bull Teste (en Dev)

bull Re-teste (en Prod)

bull Surveille

(Et appelle moi jrsquoai un paquet drsquoideacutees rentables)(au pire je te forme)

Questions

Jean-pierre VINCENT

bull Consultant indeacutependant

ndash Applications Web (HTML5 JS)

ndash Performances

bull Formateur

ndash JavaScript

ndash Performances

bull Veilleur theystolemynick

braincrackingorg

Jrsquoai quasi-voleacute ces photos agrave

bull Blurb Code

bull Marcela Palma

bull AlsaCreacuteationS

bull Alex Proimos

bull JD Hancock

bull Ant Baena

bull Kit

bull Honza Soukup

bull Nicu Buculei

bull Earl

Page 18: Performances web - quoi de neuf ?

Ce qui marchera toujours

bull Configure ton serveur bon sang ndash Keep-alive

ndash Gzip (lvl 9)

ndash Minifie

(Et offre toi de quoi surveiller tes admins)

Ce qui marchera toujours

bull Gegravere ton cache ndash Savoir le creacuteer

ndash Savoir lrsquoinvalider

bull Le super cache lrsquooffline

Ce qui marchera toujours

bull Asynchrone sur ndash Pubs

ndash Widgets

ndash Trackers

ndash Images non-visibles

bull Grouper ndash JS et CSS en 2 X 2 fichiers

ndash Sprites fonts iconiques

La morale de cette histoire

bull Fais ta veille

bull Teste (en Dev)

bull Re-teste (en Prod)

bull Surveille

(Et appelle moi jrsquoai un paquet drsquoideacutees rentables)(au pire je te forme)

Questions

Jean-pierre VINCENT

bull Consultant indeacutependant

ndash Applications Web (HTML5 JS)

ndash Performances

bull Formateur

ndash JavaScript

ndash Performances

bull Veilleur theystolemynick

braincrackingorg

Jrsquoai quasi-voleacute ces photos agrave

bull Blurb Code

bull Marcela Palma

bull AlsaCreacuteationS

bull Alex Proimos

bull JD Hancock

bull Ant Baena

bull Kit

bull Honza Soukup

bull Nicu Buculei

bull Earl

Page 19: Performances web - quoi de neuf ?

Ce qui marchera toujours

bull Gegravere ton cache ndash Savoir le creacuteer

ndash Savoir lrsquoinvalider

bull Le super cache lrsquooffline

Ce qui marchera toujours

bull Asynchrone sur ndash Pubs

ndash Widgets

ndash Trackers

ndash Images non-visibles

bull Grouper ndash JS et CSS en 2 X 2 fichiers

ndash Sprites fonts iconiques

La morale de cette histoire

bull Fais ta veille

bull Teste (en Dev)

bull Re-teste (en Prod)

bull Surveille

(Et appelle moi jrsquoai un paquet drsquoideacutees rentables)(au pire je te forme)

Questions

Jean-pierre VINCENT

bull Consultant indeacutependant

ndash Applications Web (HTML5 JS)

ndash Performances

bull Formateur

ndash JavaScript

ndash Performances

bull Veilleur theystolemynick

braincrackingorg

Jrsquoai quasi-voleacute ces photos agrave

bull Blurb Code

bull Marcela Palma

bull AlsaCreacuteationS

bull Alex Proimos

bull JD Hancock

bull Ant Baena

bull Kit

bull Honza Soukup

bull Nicu Buculei

bull Earl

Page 20: Performances web - quoi de neuf ?

Ce qui marchera toujours

bull Asynchrone sur ndash Pubs

ndash Widgets

ndash Trackers

ndash Images non-visibles

bull Grouper ndash JS et CSS en 2 X 2 fichiers

ndash Sprites fonts iconiques

La morale de cette histoire

bull Fais ta veille

bull Teste (en Dev)

bull Re-teste (en Prod)

bull Surveille

(Et appelle moi jrsquoai un paquet drsquoideacutees rentables)(au pire je te forme)

Questions

Jean-pierre VINCENT

bull Consultant indeacutependant

ndash Applications Web (HTML5 JS)

ndash Performances

bull Formateur

ndash JavaScript

ndash Performances

bull Veilleur theystolemynick

braincrackingorg

Jrsquoai quasi-voleacute ces photos agrave

bull Blurb Code

bull Marcela Palma

bull AlsaCreacuteationS

bull Alex Proimos

bull JD Hancock

bull Ant Baena

bull Kit

bull Honza Soukup

bull Nicu Buculei

bull Earl

Page 21: Performances web - quoi de neuf ?

La morale de cette histoire

bull Fais ta veille

bull Teste (en Dev)

bull Re-teste (en Prod)

bull Surveille

(Et appelle moi jrsquoai un paquet drsquoideacutees rentables)(au pire je te forme)

Questions

Jean-pierre VINCENT

bull Consultant indeacutependant

ndash Applications Web (HTML5 JS)

ndash Performances

bull Formateur

ndash JavaScript

ndash Performances

bull Veilleur theystolemynick

braincrackingorg

Jrsquoai quasi-voleacute ces photos agrave

bull Blurb Code

bull Marcela Palma

bull AlsaCreacuteationS

bull Alex Proimos

bull JD Hancock

bull Ant Baena

bull Kit

bull Honza Soukup

bull Nicu Buculei

bull Earl

Page 22: Performances web - quoi de neuf ?

Questions

Jean-pierre VINCENT

bull Consultant indeacutependant

ndash Applications Web (HTML5 JS)

ndash Performances

bull Formateur

ndash JavaScript

ndash Performances

bull Veilleur theystolemynick

braincrackingorg

Jrsquoai quasi-voleacute ces photos agrave

bull Blurb Code

bull Marcela Palma

bull AlsaCreacuteationS

bull Alex Proimos

bull JD Hancock

bull Ant Baena

bull Kit

bull Honza Soukup

bull Nicu Buculei

bull Earl

Page 23: Performances web - quoi de neuf ?

Jean-pierre VINCENT

bull Consultant indeacutependant

ndash Applications Web (HTML5 JS)

ndash Performances

bull Formateur

ndash JavaScript

ndash Performances

bull Veilleur theystolemynick

braincrackingorg

Jrsquoai quasi-voleacute ces photos agrave

bull Blurb Code

bull Marcela Palma

bull AlsaCreacuteationS

bull Alex Proimos

bull JD Hancock

bull Ant Baena

bull Kit

bull Honza Soukup

bull Nicu Buculei

bull Earl

Page 24: Performances web - quoi de neuf ?

Jrsquoai quasi-voleacute ces photos agrave

bull Blurb Code

bull Marcela Palma

bull AlsaCreacuteationS

bull Alex Proimos

bull JD Hancock

bull Ant Baena

bull Kit

bull Honza Soukup

bull Nicu Buculei

bull Earl