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

Web performance tools @ WebPerf.camp 2016

Sergey Chernyshev
July 10, 2016
Technology
0
36

Web performance tools @ WebPerf.camp 2016

Sergey Chernyshev

July 10, 2016
Tweet

More Decks by Sergey Chernyshev

See All by Sergey Chernyshev
Fastest request is never made
sergeychernyshev
0
88
Tracking Page Speed
sergeychernyshev
1
160
Designing speed with progressive enhancement
sergeychernyshev
0
56
Using Heat Maps to improve Web Performance Metrics @ NY Web PErformance Meetup
sergeychernyshev
1
260
Using Heat Maps to improve performance metrics
sergeychernyshev
1
170
Speed is feature #1
sergeychernyshev
0
22
Fast and responsive images
sergeychernyshev
0
18
Tools of the trade 2014
sergeychernyshev
0
28
Scalability vs. Performance
sergeychernyshev
2
140

Other Decks in Technology

See All in Technology
230125 モニターマウントLT ITガジェット翁(Ryu.Cyber)さん
comucal
PRO
0
4.5k
日本ディープラーニング協会主催 NeurIPS 2022 技術報告会講演資料
tdailab
0
1.1k
日経電子版だけじゃない！ 日経の新規Webメディアの開発 - NIKKEI Tech Talk #3
sztm
0
160
NGINXENG JP#2 - 3-NGINX Plus・プロダクトのアップデート
hiropo20
0
200
MarvelClient Upgrade 64bit クライアントへの自動アップグレード設定
mitsuru_katoh
0
110
Oracle Cloud Infrastructure：2023年1月度サービス・アップデート
oracle4engineer
PRO
0
130
Optimizing your Swift code
kateinoigakukun
0
1.4k
LINE iOSエンジニアの日々 / LINE iOS Engineer Days
line_developers
PRO
1
140
JAWS-UG 横浜 #54 資料
takakuni
0
200
2年で10→70人へ！ スタートアップの 情報セキュリティ課題と施策
miekobayashi
1
310
オンプレk8sとEKSの並行運用の実際
ch1aki
0
250
マイクロサービス宣言から8年 振り返りとこれから / Eight Years After the Microservices Declaration A Look Back and A Look Ahead
eisuke
2
140

Featured

See All Featured
BBQ
matthewcrist
75
8.1k
StorybookのUI Testing Handbookを読んだ
zakiyama
8
3.2k
Building Your Own Lightsaber
phodgson
96
4.9k
Code Review Best Practice
trishagee
50
11k
Building Better People: How to give real-time feedback that sticks.
wjessup
346
17k
Put a Button on it: Removing Barriers to Going Fast.
kastner
56
2.5k
Designing Experiences People Love
moore
130
22k
Producing Creativity
orderedlist
PRO
335
38k
Documentation Writing (for coders)
carmenintech
51
2.9k
The Brand Is Dead. Long Live the Brand.
mthomps
48
2.9k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
351
21k
Bash Introduction
62gerente
601
210k

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]