Shopful

[DEV JOURNAL] Today I worked on the web app loading performance. The homepage weighted 17MB once the image assets downloaded. That’s too heavy and we can do better.

I’m using the Cloudinary platform to handle uploading and downloading the website media assets. With Cloudinary you can transform your images on the fly. Since I’m using Vue.js and a Vue Lazyload plugin, I’m able to use an adapter to apply transform parameters to the Cloudinary asset requests on the fly.

What I accomplish by doing this is to request the smallest asset possible, that still renders crisp on any viewport.

This single performance update has made the website way more snappy on page load.

——

Follow along my journey as I build the next-gen social shopping network. https://www.shopful.io

📸 .naomii

📸 .ritter.photo

Fit ID:
• Hat - Lance Butters
• Mask - Nike
• Jacket - Perfecto by schott
• Gloves - Amazon
• Pants -
• Shoes - Nike x Acronym Presto
Photo credit:
📸 .exe

The apparel and footwear industries account for a combined estimate of 8% of the world’s greenhouse gas emissions, and fashion is the third highest-polluting industry in the world.