Most resource efficient way to create a beach umbrella in Three.js

I’m new to Three.js, I find it great because with very low effort I’ve been able to create a simple scene.
I’m working on a beach scene and I’d like to add 10 thousands of beach umbrella to the scene. I’ve been able to do so easily using cones to represent canopy and cylinders for poles. Now to make the scene more realistic, I’d like to make the canopy of my umbrella with stripes, as you see in very common beach umbrellas.
I understand there are multiple ways I can do that:

  • Using a texture
  • changing material for each face
  • creating each slide as a separate mesh

Since each of these options require some work, I’d like to understand which one is the best to keep the scene lightweight considering I’m planning to add around 10 thousands of umbrellas to my scene.

Thanks for your help