performance audit of deviantart.com by perfaudit

19
PerfAudit: DeviantArt.com http://perfaudit.com/case-study/deviantart.com/

Upload: perfaudit

Post on 20-Mar-2017

275 views

Category:

Technology


1 download

TRANSCRIPT

Page 1: Performance Audit of Deviantart.com by PerfAudit

PerfAudit: DeviantArt.com

http://perfaudit.com/case-study/deviantart.com/

Page 2: Performance Audit of Deviantart.com by PerfAudit
Page 3: Performance Audit of Deviantart.com by PerfAudit

About

DeviantArt.com

● It is among the top 100 of all

trafficked websites on the Internet.

● They have over 32 million registered

members and attract over 65 million

unique visitors per month.

● Their members upload over 160,000

original art works every day,

everything from painting and

sculpture to digital art, pixel art,

films, and anime.

Page 4: Performance Audit of Deviantart.com by PerfAudit

How fast deviantart.com

loads?

Very Very Slow around

46.382 seconds,

when we loaded(1.8 seconds

on average), 66% of sites are

faster (as per data from

Alexa).

Page 5: Performance Audit of Deviantart.com by PerfAudit

Performance Auditing DeviantArt.com

Page 6: Performance Audit of Deviantart.com by PerfAudit

Network Profiling

Page 7: Performance Audit of Deviantart.com by PerfAudit

PageSpeed Insight Score

(Desktop)

Page 8: Performance Audit of Deviantart.com by PerfAudit

Recommendation #1:

Optimize images to reduce their size by 2.7MB (48% reduction).

Page 9: Performance Audit of Deviantart.com by PerfAudit

Recommendation #2:

Reduce server response time.

Page 10: Performance Audit of Deviantart.com by PerfAudit

Recommendation #3:

Reduce first pixel render time.

Page 11: Performance Audit of Deviantart.com by PerfAudit

PageSpeed Insight Score

(Mobile)

Page 12: Performance Audit of Deviantart.com by PerfAudit

Profiling Rendering Performance

Page 13: Performance Audit of Deviantart.com by PerfAudit

Issue: Sticky Header

Page 14: Performance Audit of Deviantart.com by PerfAudit
Page 15: Performance Audit of Deviantart.com by PerfAudit

Solution #4:

Promote frequently updated elements to separate layer

Page 16: Performance Audit of Deviantart.com by PerfAudit

Issue:

Animated GIFs causing Union of Damaged regions

Page 17: Performance Audit of Deviantart.com by PerfAudit
Page 18: Performance Audit of Deviantart.com by PerfAudit

Solution #5:

Animated gifs must not be rendered, when not inside the viewport

Page 19: Performance Audit of Deviantart.com by PerfAudit

Thank you!

http://perfaudit.com/case-study/deviantart.com/