Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Performances côté client
Search
arnaudlimbourg
November 24, 2011
Technology
1
440
Performances côté client
PHPTour 2011 à Lille
arnaudlimbourg
November 24, 2011
Tweet
Share
More Decks by arnaudlimbourg
See All by arnaudlimbourg
Django & the frontend
arnaudlimbourg
0
220
Monitoring : mise en place
arnaudlimbourg
4
270
Monitoring: une culture plus que des outils
arnaudlimbourg
0
790
AgoraCMS : Gérer le multicanal : web, apps, devices
arnaudlimbourg
0
1k
Boomerang
arnaudlimbourg
1
140
Montée en charge
arnaudlimbourg
1
140
Other Decks in Technology
See All in Technology
上長や社内ステークホルダーに対する解像度を上げて、より良い補完関係を築く方法 / How-to-increase-resolution-and-build-better-complementary-relationships-with-your-bosses-and-internal-stakeholders
madoxten
13
7.8k
Claude Code どこまでも/ Claude Code Everywhere
nwiizo
49
29k
(新URLに移行しました)FASTと向き合うことで見えた、大規模アジャイルの難しさと楽しさ
wooootack
0
740
AIにどこまで任せる?実務で使える(かもしれない)AIエージェント設計の考え方
har1101
3
1.2k
「どこにある?」の解決。生成AI(RAG)で効率化するガバメントクラウド運用
toru_kubota
2
450
自分を理解するAI時代の準備 〜マイプロフィールMCPの実装〜
edo_m18
0
110
Tenstorrent 開発者プログラム
tenstorrent_japan
0
310
DroidKnights 2025 - Jetpack XR 살펴보기: XR 개발은 어떻게 이루어지는가?
heesung6701
1
130
kubellが挑むBPaaSにおける、人とAIエージェントによるサービス開発の最前線と技術展望
kubell_hr
1
330
「伝える」を加速させるCursor術
naomix
0
640
Snowflake Intelligenceで実現できるノーコードAI活用
takumimukaiyama
1
260
マルチテナント+マルチプロダクト SaaS への AI Agent の組み込み方
kworkdev
PRO
2
370
Featured
See All Featured
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
The Cult of Friendly URLs
andyhume
79
6.4k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
8
780
Producing Creativity
orderedlist
PRO
346
40k
A Modern Web Designer's Workflow
chriscoyier
693
190k
Building Applications with DynamoDB
mza
95
6.4k
The Cost Of JavaScript in 2023
addyosmani
50
8.4k
Into the Great Unknown - MozCon
thekraken
39
1.8k
4 Signs Your Business is Dying
shpigford
184
22k
Why Our Code Smells
bkeepers
PRO
337
57k
Art, The Web, and Tiny UX
lynnandtonic
299
21k
Being A Developer After 40
akosma
90
590k
Transcript
Performances côté client Arnaud Limbourg - 20minutes.fr PHP Tour Lille
2011 jeudi 24 novembre 11
200ms jeudi 24 novembre 11
Pourquoi ? jeudi 24 novembre 11
10% 50% jeudi 24 novembre 11
De quoi parle-t-on ? jeudi 24 novembre 11
Navigateur jeudi 24 novembre 11
Le plus important ? jeudi 24 novembre 11
Mesurer jeudi 24 novembre 11
Stratégie jeudi 24 novembre 11
Comment mesurer ? jeudi 24 novembre 11
jeudi 24 novembre 11
jeudi 24 novembre 11
jeudi 24 novembre 11
Boomerang jeudi 24 novembre 11
Nav Timing API jeudi 24 novembre 11
jeudi 24 novembre 11
Boomerang • R • 4,9 M obs. 10 jours •
11663 Ms Quart 25 % 50 % 75 % Ms 5056 8985 16719 jeudi 24 novembre 11
Source : Cedexis jeudi 24 novembre 11
Améliorer jeudi 24 novembre 11
jeudi 24 novembre 11
jeudi 24 novembre 11
http://www.flickr.com/photos/treefiddy/372092545/ jeudi 24 novembre 11
Améliorer • nb requêtes http • <head> • minifier/gzipper JS
et CSS • compresser images • sprites, data-uri jeudi 24 novembre 11
Améliorer • cache-control • nb éléments DOM • javascript jeudi
24 novembre 11
YSlow Page Speed jeudi 24 novembre 11
Source : Google analytics jeudi 24 novembre 11
Liens • Comment fonctionne un navigateur : http://www.html5rocks.com/en/tutorials/ internals/howbrowserswork/ jeudi
24 novembre 11
Liens • Les outils habituels : • Google PageSpeed •
YSlow • Chrome (timeline) jeudi 24 novembre 11
Liens • Mesure des performances : • Cedexis radar (http://www.cedexis.com/
products/cedexis-radar/) • Yottaa (http://www.yottaa.com) • Webpagetest (http:// www.webpagetest.org) • Google analytics jeudi 24 novembre 11
Liens • Yahoo Boomerang (http:// yahoo.github.com/boomerang/doc/) • HTTP Archive (http://www.httparchive.org)
• DOM Monster (http://mir.aculo.us/dom- monster/) jeudi 24 novembre 11
En résumé • qu’est qui à un impact sur les
performances • que faut-il faire pour les améliorer jeudi 24 novembre 11
Merci ! Questions ? http://www.flickr.com/photos/jordyb/6108619670/sizes/l/in/photostream/ jeudi 24 novembre 11
Performances côté client Arnaud Limbourg - 20minutes.fr
[email protected]
jeudi 24
novembre 11
• boomerang: http://www.flickr.com/photos/ 65438942@N08/5951313541/in/ photostream/ • Arbre : http://www.flickr.com/photos/ jordyb/6108619670/sizes/l/in/photostream/
• Montre : http://www.flickr.com/photos/ treefiddy/372092545/ jeudi 24 novembre 11