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

Tools of the trade 2014

Sergey Chernyshev
August 28, 2014
Technology
0
50

Tools of the trade 2014

A look at various tools that are used for Web Performance Optimization in 2014.

This is an update since the first talk given at NY Web Performance Meetup in 2009.

Sergey Chernyshev

August 28, 2014
Tweet

More Decks by Sergey Chernyshev

See All by Sergey Chernyshev
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
0
94
Understanding speed of your site with Core Web Vitals
sergeychernyshev
1
65
Speed Design
sergeychernyshev
25
670
Flexible Architectures for Web Performance
sergeychernyshev
3
250
Dynamic Generation
sergeychernyshev
0
51
Capturing Speed of User Experience using UserTiming API
sergeychernyshev
0
28
Fastest request is never made
sergeychernyshev
0
160
Tracking Page Speed
sergeychernyshev
1
330
Designing speed with progressive enhancement
sergeychernyshev
0
82

Other Decks in Technology

See All in Technology
LINEヤフーのフロントエンド組織・体制の紹介【24年12月】
lycorp_recruit_jp
0
530
kargoの魅力について伝える
magisystem0408
0
200
コンテナセキュリティのためのLandlock入門
nullpo_head
2
320
5分でわかるDuckDB
chanyou0311
10
3.2k
re:Invent 2024 Innovation Talks(NET201)で語られた大切なこと
shotashiratori
0
300
社内イベント管理システムを1週間でAKSからACAに移行した話し
shingo_kawahara
0
180
株式会社ログラス − エンジニア向け会社説明資料 / Loglass Comapany Deck for Engineer
loglass2019
3
31k
OpenAIの蒸留機能(Model Distillation)を使用して運用中のLLMのコストを削減する取り組み
pharma_x_tech
4
540
社外コミュニティで学び社内に活かす共に学ぶプロジェクトの実践/backlogworld2024
nishiuma
0
250
新機能VPCリソースエンドポイント機能検証から得られた考察
duelist2020jp
0
210
小学3年生夏休みの自由研究「夏休みに Copilot で遊んでみた」
taichinakamura
0
140
2024年にチャレンジしたことを振り返るぞ
mitchan
0
130

Featured

See All Featured
It's Worth the Effort
3n
183
28k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
28
2.1k
No one is an island. Learnings from fostering a developers community.
thoeni
19
3k
Measuring & Analyzing Core Web Vitals
bluesmoon
4
170
Making the Leap to Tech Lead
cromwellryan
133
9k
Agile that works and the tools we love
rasmusluckow
328
21k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
26
1.9k
How to Ace a Technical Interview
jacobian
276
23k
Being A Developer After 40
akosma
87
590k
Six Lessons from altMBA
skipperchong
27
3.5k
Designing for humans not robots
tammielis
250
25k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
47
5.1k

Transcript

  1. NY WEB PERFORMANCE MEETUP PROJECT DATE CLIENT AUGUST 28, 2014

    TOOLS OF THE TRADE 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, picturefilll Delivery, CDNs, FEO

  4. WPO ANALYSIS AND MONITORING FINDING PROBLEMS

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

  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

  10. BROWSER PROFILING DYNATRACE AJAX, CHROME DEV TOOLS

  11. OPTIMIZATION SPEEDING THINGS UP

  12. BUILD PROCESS GRUNT & CO Combine, minify JS & CSS!

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

  13. BUILD PROCESS EMBED QUALITY TESTING grunt-perfbudget

  14. IMAGE OPTIMIZATION JPEGMINI & CO

  15. PAGE LOADING IMAGES, SCRIPTS, ETC picturefill! Require.JS! Lazy loaders

  16. GZIP, CACHE, CDN & FEO MOD_PAGESPEED, AKAMAI, FASTLY, RADWARE! YOTTAA,

    CLOUD FRONT & ETC.

  17. @SERGEYCHE SERGEYCHERNYSHEV.COM [email protected]