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
160
0

Web performance tools @ WebPerf.camp 2016

Avatar for Sergey Chernyshev

Sergey Chernyshev

July 10, 2016

More Decks by Sergey Chernyshev

See All by Sergey Chernyshev
Introduction to UX Speed
Avatar for Sergey Chernyshev sergeychernyshev
0
62
7 Levels of Web Performance Journey @ Google DevFest Brooklyn & Queens 2025
Avatar for Sergey Chernyshev sergeychernyshev
0
52
Performance.sync(): 7 Levels of a Web Performance Journey
Avatar for Sergey Chernyshev sergeychernyshev
0
110
7 Levels of a Web Performance Journey @ Google DevFest NYC 2025
Avatar for Sergey Chernyshev sergeychernyshev
0
70
7 Levels of a Web Performance Journey
Avatar for Sergey Chernyshev sergeychernyshev
0
250
Improving Core Web Vitals using Speculation Rules API
Avatar for Sergey Chernyshev sergeychernyshev
21
1.5k
Understanding speed of your site with Core Web Vitals
Avatar for Sergey Chernyshev sergeychernyshev
1
290
Speed Design
Avatar for Sergey Chernyshev sergeychernyshev
33
1.7k
Flexible Architectures for Web Performance
Avatar for Sergey Chernyshev sergeychernyshev
3
440

Other Decks in Technology

See All in Technology
脅威をエンジニアリングの糧にして：恐怖を乗り越えた先にあったもの / Turn threats into fuel for engineering: what lay beyond overcoming fear
Avatar for nrs nrslib
1
330
イベントで大活躍する電子ペーパー名札 〜その３〜 / ビジュアルプログラミングIoTLT vol.23
Avatar for you（@youtoy） you
PRO
0
160
Cloud Run のアップデート 触ってみる＆紹介
Avatar for Gre212 gre212
0
200
はじめてのDatadog
Avatar for KairiM kairim0
0
160
情シスがMCP環境導入時に打ちのめされる認可の崖
Avatar for OpenID Foundation Japan oidfj
0
740
データ分析基盤の信頼を支える視点と設計
Avatar for Yuki yuki_saito
2
730
AI時代から振り返るTerraform drift運用の歴史 / AI Age Reflections on the History of Terraform Drift Operations
Avatar for AEON aeonpeople
0
550
組織の中で自分を経営する技術
Avatar for shoota shoota
0
200
Agentic AI時代における メルカリのAIガバナンスとガードレール実装
Avatar for ichihara naoichihara
16
16k
個人AIからチームAIへ：開発における品質と生産性の再設計
Avatar for Atsushi Nakatsugawa moongift
PRO
0
260
Python開発環境にハーネス適用を検討する
Avatar for yuuuka yuuka51
1
550
エンジニアは生成AIと どのように向き合うべきか？ ことばの意味という観点から
Avatar for Hitomi Yanaka verypluming
3
280

Featured

See All Featured
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
Avatar for Marc Duiker marcduiker
35
2.5k
ラッコキーワード サービス紹介資料
Avatar for ラッコ株式会社 rakko
1
3.4M
Site-Speed That Sticks
Avatar for Harry Roberts csswizardry
13
1.2k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
Avatar for panda_program panda_program
122
21k
Building a Modern Day 
E-commerce SEO Strategy
Avatar for Aleyda Solis aleyda
45
9.1k
Measuring Dark Social's Impact On Conversion and Attribution
Avatar for Stephen Akadiri stephenakadiri
2
200
The Cost Of JavaScript in 2023
Avatar for Addy Osmani addyosmani
55
9.9k
Bridging the Design Gap: How Collaborative Modelling removes blockers to flow between stakeholders and teams @FastFlow conf
Avatar for Kenny Baas-Schwegler baasie
0
560
Color Theory Basics | Prateek | Gurzu
Avatar for Gurzu gurzu
0
320
SEO in 2025: How to Prepare for the Future of Search
Avatar for Michael King ipullrank
3
3.5k
Accessibility Awareness
Avatar for Sarah Abderemane sabderemane
1
130
CSS Pre-Processors: Stylus, Less & Sass
Avatar for Bermon Painter bermonpainter
360
30k

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]