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

📸
Shop fits 👉 Linkinbio

📸 .naomii

📸 .ritter.photo

📸
Visit https://www.shopful.io to shop the fit of trending

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

Fit ID:
• Hamcus Dune Manta parka
• Veilance Frame tee
• Acronym P30A-DS
• Nike X Acronym Downtown AF1
Photo credit:
📸

Less than 1 percent of fashion materials are recycled into new clothing at the end of their life cycle.

Support your favorite sustainable fashion brand or local thrifter this holiday season 🗻

Follow

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.

If you’re a professional, make a promise and keep it.

— Seth Godin

Wish you were here ❤️

As the holiday season continues on, with sales strong, remember to take time with loved ones around us.

Follow

Thursday cool 😎

Follow