Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Web performance tools @ WebPerf.camp 2016

Avatar for Sergey Chernyshev Sergey Chernyshev
July 10, 2016
Technology
0
140

Web performance tools @ WebPerf.camp 2016

Avatar for Sergey Chernyshev

Sergey Chernyshev

July 10, 2016
Tweet

More Decks by Sergey Chernyshev

See All by Sergey Chernyshev
7 Levels of Web Performance Journey @ Google DevFest Brooklyn & Queens 2025
Avatar for Sergey Chernyshev sergeychernyshev
0
21
Performance.sync(): 7 Levels of a Web Performance Journey
Avatar for Sergey Chernyshev sergeychernyshev
0
83
7 Levels of a Web Performance Journey @ Google DevFest NYC 2025
Avatar for Sergey Chernyshev sergeychernyshev
0
42
7 Levels of a Web Performance Journey
Avatar for Sergey Chernyshev sergeychernyshev
0
220
Improving Core Web Vitals using Speculation Rules API
Avatar for Sergey Chernyshev sergeychernyshev
21
1.3k
Understanding speed of your site with Core Web Vitals
Avatar for Sergey Chernyshev sergeychernyshev
1
260
Speed Design
Avatar for Sergey Chernyshev sergeychernyshev
33
1.5k
Flexible Architectures for Web Performance
Avatar for Sergey Chernyshev sergeychernyshev
3
410
Dynamic Generation
Avatar for Sergey Chernyshev sergeychernyshev
1
120

Other Decks in Technology

See All in Technology
【northernforce#54】SalesforceにおけるAgentforceの位置づけ・事例紹介
Avatar for YutoSato yutosatou_kit
0
120
フロントエンド開発者のための「厄払い」
Avatar for OPTiM optim
0
150
AIAgentを駆使してSREが貢献する開発体験の向上
Avatar for Ryo Yoshii yoshiiryo1
4
1.1k
これまでのネットワーク運用を変えるかもしれないアプデをおさらい
Avatar for da-hatakeyama hatahata021
4
270
AWS監視を「もっと楽する」ために
Avatar for Uechi Shingo uechishingo
0
330
ソフトとハード両方いけるデータ人材の育て方
Avatar for Yuta Ozaki waiwai2111
1
560
SREの仕事を自動化する際にやっておきたい5つのポイント
Avatar for Kazuto Kusama jacopen
6
710
Riverpod3.xで実現する実践的UI実装
Avatar for Fumiya Sakai fumiyasac0921
2
330
AWS Devops Agent ~ 自動調査とSlack統合をやってみた！ ~
Avatar for Kubo kubomasataka
2
110
re:Inventで出たインフラエンジニアが嬉しかったアップデート
Avatar for nagisa_53 nagisa53
4
190
3リポジトリーを2ヶ月でモノレポ化した話 / How I turned 3 repositories into a monorepo in 2 months
Avatar for Masatoshi Kubode kubode
0
100
M5Stack Chain DualKey を UIFlow 2.0 ＋ USB接続で試す / ビジュアルプログラミングIoTLT vol.22
Avatar for you（@youtoy） you
PRO
2
120

Featured

See All Featured
Color Theory Basics | Prateek | Gurzu
Avatar for Gurzu gurzu
0
180
Tips & Tricks on How to Get Your First Job In Tech
Avatar for Honza Javorek honzajavorek
0
420
Put a Button on it: Removing Barriers to Going Fast.
Avatar for kastner kastner
60
4.1k
HDC tutorial
Avatar for Michiel Stock michielstock
1
330
Leveraging Curiosity to Care for An Aging Population
Avatar for Cassini Nazir cassininazir
1
150
[SF Ruby Conf 2025] Rails X
Avatar for Vladimir Dementyev palkan
0
720
Building Better People: How to give real-time feedback that sticks.
Avatar for Will Jessup wjessup
370
20k
No one is an island. Learnings from fostering a developers community.
Avatar for Antonio thoeni
21
3.6k
Side Projects
Avatar for Sacha Greif sachag
455
43k
Distributed Sagas: A Protocol for Coordinating Microservices
Avatar for Caitie McCaffrey caitiem20
333
22k
How to Talk to Developers About Accessibility
Avatar for Jason CranfordTeague jct
1
110
Data-driven link building: lessons from a $708K investment (BrightonSEO talk)
Avatar for Szymon szymonslowik
1
890

Transcript

  1. WEB PERF CAMP PROJECT DATE CLIENT JULY 10, 2016 WEB

    PERFORMANCE TOOLS SERGEY CHERNYSHEV

  2. APM & LOAD TESTING SCALE VS SPEED

  3. WPO Tools Performance Analysis Rules & Best Practices Synthetic RUM

    Browser profilers Optimization Build tools Image optimization AMD, <picture>-fill Delivery, CDNs, FEO

  4. WPO ANALYSIS AND MONITORING FINDING PROBLEMS

  5. RULES & BEST PRACTICES YSLOW, PAGESPEED INSIGHTS, SHOWSLOW, GTMETRICS

  6. RULES & BEST PRACTICES GOOGLE PAGE SPEED INSIGHTS SERVICE

  7. SYNTHETIC TESTING WEBPAGETEST.ORG

  8. TRACK METRICS OVER TIME SHOWSLOW

  9. RUM REAL USER MEASUREMENT BOOMERANG JS

  10. BROWSER PROFILING CHROME DEV TOOLS

  11. OPTIMIZATION SPEEDING THINGS UP

  12. BUILD PROCESS GRUNT, GULP & CO Combine, minify JS &

    CSS Manage URLs (CDNs, cache) Modular JS, OOCSS Optimize images grunt-contrib-compass grunt-contrib-requirejs

  13. BUILD PROCESS EMBED QUALITY TESTING grunt-perfbudget

  14. IMAGE OPTIMIZATION JPEGMINI, COMPRESSOR.IO & CO

  15. PAGE LOADING IMAGES, SCRIPTS, ETC <picture>-fill Require.JS Lazy loaders

  16. GZIP, CACHE, CDN & FEO MOD_PAGESPEED, VARNISH, CDN

  17. @SERGEYCHE SERGEYCHERNYSHEV.COM [email protected]