ਚਿੱਤਰ ਅਤੇ ਮੀਡੀਆ ਪ੍ਰਬੰਧਨ: CDN ਡਿਲੀਵਰੀ ਨਾਲ S3 ਸਟੋਰੇਜ

ਇਹ ਲੇਖ ਦੱਸਦਾ ਹੈ ਕਿ ਅਸੀਂ ਉਤਪਾਦ ਚਿੱਤਰਾਂ ਨੂੰ ਕਿਵੇਂ ਕੁਸ਼ਲਤਾ ਨਾਲ ਸਟੋਰ, ਵਿਵਸਥਿਤ ਅਤੇ ਪਹੁੰਚਾਉਂਦੇ ਹਾਂ।

ਸਮੱਸਿਆ: ਹਜ਼ਾਰਾਂ ਚਿੱਤਰਾਂ ਦਾ ਪ੍ਰਬੰਧਨ

ਸਾਡੇ ਕੋਲ ਹਨ:

ਕਈ ਉਤਪਾਦ SKUs (5k+) ਹਰੇਕ ਦੇ ਕਈ ਚਿੱਤਰਾਂ ਨਾਲ
ਕੰਪੋਨੈਂਟ ਚਿੱਤਰ (10k+) (ਚੇਸਿਸ, ਬੋਰਡ, ਐਕਸੈਸਰੀਜ਼)
ਮੁੱਖ ਉਤਪਾਦਾਂ ਲਈ ਉਤਪਾਦ ਵੀਡੀਓ
ਕਈ ਫਾਰਮੈਟ (ਵੈੱਬ ਲਈ WebP, ਡੇਟਾਸ਼ੀਟਾਂ ਲਈ PNG)

ਵੈੱਬ ਸਰਵਰ 'ਤੇ ਚਿੱਤਰ ਸਟੋਰ ਕਰਨਾ ਕਾਰਨ ਬਣਦਾ ਹੈ:

ਡਿਸਕ ਸਪੇਸ ਮੁੱਦੇ: ਚਿੱਤਰਾਂ ਦੇ ਸੈਂਕੜੇ GB
ਹੌਲੀ ਡਿਲੀਵਰੀ: ਸਰਵਰ ਬੈਂਡਵਿਡਥ ਸੀਮਾਵਾਂ
ਕੋਈ ਵਿਸ਼ਵਵਿਆਪੀ CDN ਨਹੀਂ: ਅੰਤਰਰਾਸ਼ਟਰੀ ਯੂਜ਼ਰਾਂ ਲਈ ਹੌਲੀ
ਬੈਕਅੱਪ ਜਟਿਲਤਾ: ਵੱਡੀ ਫਾਈਲ ਬੈਕਅੱਪ

ਹੱਲ: S3 + CloudFront

ਅਸੀਂ ਸਟੋਰੇਜ ਲਈ AWS S3 ਅਤੇ ਡਿਲੀਵਰੀ ਲਈ CloudFront ਵਰਤਦੇ ਹਾਂ:

S3: ਵਰਜ਼ਨਿੰਗ ਨਾਲ ਸਕੇਲੇਬਲ ਆਬਜੈਕਟ ਸਟੋਰੇਜ
CloudFront: ਤੇਜ਼ ਡਿਲੀਵਰੀ ਲਈ ਵਿਸ਼ਵਵਿਆਪੀ CDN
ਚਿੱਤਰ ਮੈਨੀਫੈਸਟ: ਚਿੱਤਰ ਟਿਕਾਣਿਆਂ ਦਾ ਕੇਂਦਰੀ ਰਜਿਸਟਰੀ
WebP ਫਾਰਮੈਟ: PNG/JPEG ਤੋਂ ਕਾਫ਼ੀ ਛੋਟਾ (30-50%)

ਚਿੱਤਰ ਸਟੋਰੇਜ

ਉਤਪਾਦ ਚਿੱਤਰ S3 ਵਿੱਚ ਸਟੋਰ ਕੀਤੇ ਜਾਂਦੇ ਹਨ:

S3 ਬਕਟ: ਉਤਪਾਦ ਮੀਡੀਆ ਲਈ ਆਬਜੈਕਟ ਸਟੋਰੇਜ
ਫਾਰਮੈਟ: ਆਪਟੀਮਾਈਜ਼ਡ ਚਿੱਤਰਾਂ ਲਈ WebP
ਵੀਡੀਓ: ਉਤਪਾਦ ਵੀਡੀਓ ਲਈ MP4
ਮੈਨੀਫੈਸਟ: ਚਿੱਤਰ ਟਿਕਾਣਿਆਂ ਦਾ ਕੇਂਦਰੀ ਰਜਿਸਟਰੀ

ਚਿੱਤਰ ਸੋਰਸਿੰਗ

ਚਿੱਤਰ ਚਿੱਤਰ ਮੈਨੀਫੈਸਟ ਦੀ ਵਰਤੋਂ ਕਰਕੇ S3 ਤੋਂ ਲਏ ਜਾਂਦੇ ਹਨ:

ਚਿੱਤਰ ਮੈਨੀਫੈਸਟ: ਚਿੱਤਰ ਟਿਕਾਣਿਆਂ ਦਾ ਕੇਂਦਰੀ ਰਜਿਸਟਰੀ
S3 ਬਕਟ: ਆਬਜੈਕਟ ਸਟੋਰੇਜ ਵਿੱਚ ਸਟੋਰ ਕੀਤੇ ਉਤਪਾਦ ਚਿੱਤਰ
WebP ਫਾਰਮੈਟ: ਤੇਜ਼ ਲੋਡਿੰਗ ਲਈ ਆਪਟੀਮਾਈਜ਼ਡ ਚਿੱਤਰ
ਫਾਲਬੈਕ: ਜਦੋਂ ਅਸਲ ਚਿੱਤਰ ਉਪਲਬਧ ਨਾ ਹੋਣ ਤਾਂ ਪਲੇਸਹੋਲਡਰ ਚਿੱਤਰ

ਚਿੱਤਰ ਕੈਸ਼ਿੰਗ

ਅਸੀਂ ਚਿੱਤਰਾਂ ਨੂੰ ਮੈਮੋਰੀ ਵਿੱਚ ਕੈਸ਼ ਕਰਦੇ ਹਾਂ:

ਗਲੋਬਲ ਕੈਸ਼: ਚਿੱਤਰ ਲੁੱਕਅੱਪ ਲਈ ਇਨ-ਮੈਮੋਰੀ ਕੈਸ਼
ਪਾਰਟ/SKU ਦੁਆਰਾ ਕੀਡ: ਪਛਾਣਕਰਤਾ ਦੁਆਰਾ ਤੇਜ਼ ਲੁੱਕਅੱਪ
ਕੈਸ਼ ਅਮਾਨਤਾ: ਜਦੋਂ ਹੁੱਕਾਂ ਦੁਆਰਾ ਸਟਾਕ ਅੱਪਡੇਟ ਕੀਤਾ ਜਾਂਦਾ ਹੈ

ਚਿੱਤਰ ਡਾਇਰੈਕਟਰੀ ਬਣਤਰ

ਚਿੱਤਰ ਪਾਰਟ ਪਛਾਣਕਰਤਾਵਾਂ ਦੁਆਰਾ ਵਿਵਸਥਿਤ ਕੀਤੇ ਜਾਂਦੇ ਹਨ:

ਪਾਰਟ ਚਿੱਤਰ: ਪਾਰਟ ID ਦੁਆਰਾ ਵਿਵਸਥਿਤ
SKU ਚਿੱਤਰ: ਚੇਸਿਸ, ਬੋਰਡ, WiFi ਸੰਯੋਜਨ
ਵੀਡੀਓ ਫਾਈਲਾਂ: ਚਿੱਤਰਾਂ ਦੇ ਨਾਲ ਸਟੋਰ

ਚਿੱਤਰ ਪ੍ਰੋਸੈਸਿੰਗ

ਅਸੀਂ ਵੱਖ-ਵੱਖ ਵਰਤੋਂ ਕੇਸਾਂ ਲਈ ਚਿੱਤਰਾਂ ਨੂੰ ਪ੍ਰੋਸੈਸ ਕਰਦੇ ਹਾਂ:

ਪੂਰੇ ਚਿੱਤਰ: ਉਤਪਾਦ ਪੰਨੇ
ਟ੍ਰਿਮ ਕੀਤੇ ਚਿੱਤਰ: ਡੇਟਾਸ਼ੀਟਾਂ (ਸਿਰਫ਼ ਪਹਿਲਾ ਚਿੱਤਰ)
ਪਲੇਸਹੋਲਡਰ: ਜਦੋਂ ਕੋਈ ਚਿੱਤਰ ਉਪਲਬਧ ਨਾ ਹੋਵੇ ਤਾਂ ਫਾਲਬੈਕ

CloudFront ਡਿਲੀਵਰੀ

ਚਿੱਤਰ CDN ਰਾਹੀਂ ਪਹੁੰਚਾਏ ਜਾਂਦੇ ਹਨ:

ਐਜ ਕੈਸ਼ਿੰਗ: ਦੁਨੀਆ ਭਰ ਵਿੱਚ ਐਜ ਲੋਕੇਸ਼ਨਾਂ
ਘੱਟ ਲੇਟੈਂਸੀ: ਯੂਜ਼ਰਾਂ ਨੂੰ ਨਜ਼ਦੀਕੀ ਐਜ ਤੋਂ ਸਮੱਗਰੀ ਮਿਲਦੀ ਹੈ
DDoS ਸੁਰੱਖਿਆ: ਬਿਲਟ-ਇਨ ਸੁਰੱਖਿਆ

ਸਾਰਾਂਸ਼

ਚਿੱਤਰ ਅਤੇ ਮੀਡੀਆ ਪ੍ਰਬੰਧਨ ਪ੍ਰਦਾਨ ਕਰਦਾ ਹੈ:

S3 ਸਟੋਰੇਜ: ਉਤਪਾਦ ਚਿੱਤਰ, ਡੇਟਾਸ਼ੀਟਾਂ, ਗਾਹਕ ਲੋਗੋ
WebP ਫਾਰਮੈਟ: ਤੇਜ਼ ਲੋਡਿੰਗ ਲਈ ਆਪਟੀਮਾਈਜ਼ਡ ਚਿੱਤਰ
ਚਿੱਤਰ ਮੈਨੀਫੈਸਟ: ਚਿੱਤਰ ਟਿਕਾਣਿਆਂ ਦਾ ਕੇਂਦਰੀ ਰਜਿਸਟਰੀ
ਕੈਸ਼ਿੰਗ: ਪਰਫਾਰਮੈਂਸ ਲਈ ਇਨ-ਮੈਮੋਰੀ ਕੈਸ਼
CloudFront ਡਿਲੀਵਰੀ: ਤੇਜ਼ ਵਿਸ਼ਵਵਿਆਪੀ ਡਿਲੀਵਰੀ