Optimisation Audit

The goal of this project was to optimize the website of the open source project part-up. I optimized the website using techniques like critical CSS, uglify and concatenated javascript, img optimization, lazy loading and async font loading with the css font api.

Internet speed

2G (150ms, 300kb/s, 150kb/s)

No optimisation

• Requests: 42
• Transfered: 6.3MB
• DOMContentLoaded: 3min
• Load: 3.5min

Js Opitmized

Bundeld and uglified javascript

• Requests: 20
• Transfered: 343KB
• DOMContentLoaded: 40.68s
• Load: 40.68

Optimized images

resized, compressed images and added webp format

• Requests: 20
• Transfered: 2.9MB
• DOMContentLoaded: 700ms
• Load: 31.73s

Total

• Requests: 24
• Transfered: 484kb
• DOMContentLoaded: 6.78s
• Load: 11.46s

Before Google Pagespeed Insight

Final Google Pagespeed Insight

Results compared with first test

Start

• Requests: 38
• Transfered: 3.3MB
• DOMContentLoaded: 3min
• Total load: 3.5min

End

• Requests: 24
• Transfered: 484kb
• DOMContentLoaded: 6.78s
• Total load: 11,46s