Skip to main content

Identify pages to migrate first as part of a POC

Overview

In order to progress with the migration to Cloudinary we must migrate a set of pages first to identify image and video transformations as well as doing some pre and post analysis to give some clear documented metrics on Amplience vs Cloudinary.

Notes

  • We will continue to manually define our srcsets and sizes until we are able to release Cloudinary JS library
  • It would be beneficial to have the preconnect to the Cloudinary origin for the POC but unlikely due to release windows
  • Awaiting a decision on CNAME but this is not crucial for the POC
  • We can most likely remove lazy loading as a next step to this POC

Status

Proposed

Pro Team Shoes - POH01XX

https://www.rapha.cc/gb/en/shop/pro-team-shoes/product/POH01XX
ComponentHero Carousel - SlideContent-Length
URLhttps://i8.amplience.net/i/rapha/Pro-Team-Shoe-6203-Web-Final
Original Size3200 × 2133
File Size493.2 KB
Current - 480https://i8.amplience.net/i/rapha/Pro-Team-Shoe-6203-Web-Final?aspect=16:9&sm=aspect&scaleFit=poi&fmt=auto&fmt.jpeg.interlaced=true&w=1200.0 480w28.98 KB
Current - 760https://i8.amplience.net/i/rapha/Pro-Team-Shoe-6203-Web-Final?aspect=16:9&sm=aspect&scaleFit=poi&fmt=auto&fmt.jpeg.interlaced=true&w=1800.0 760w55.91 KB
Current - 1200https://i8.amplience.net/i/rapha/Pro-Team-Shoe-6203-Web-Final?aspect=16:9&sm=aspect&scaleFit=poi&fmt=auto&fmt.jpeg.interlaced=true&w=3000 1200w109.85 KB
Cloudinary - 480https://rapha-res.cloudinary.com/image/upload/ar_16:9,c_fill,dpr_auto,f_auto,g_auto,q_auto,w_480/v1585069035/poc/Pro-Team-Shoe-6203-Web-Final.jpg6.50 KB
Cloudinary - 768https://rapha-res.cloudinary.com/image/upload/ar_16:9,c_fill,dpr_auto,f_auto,g_auto,q_auto,w_768/v1585069035/poc/Pro-Team-Shoe-6203-Web-Final.jpg11.69 KB
Cloudinary - 992 (Fallback)https://rapha-res.cloudinary.com/image/upload/ar_16:9,c_fill,dpr_auto,f_auto,g_auto,q_auto,w_992/v1585069035/poc/Pro-Team-Shoe-6203-Web-Final.jpg18.25 KB
Cloudinary - 1280https://rapha-res.cloudinary.com/image/upload/ar_16:9,c_fill,dpr_auto,f_auto,g_auto,q_auto,w_1280/v1585069035/poc/Pro-Team-Shoe-6203-Web-Final.jpg28.10 KB
Cloudinary - 1440https://rapha-res.cloudinary.com/image/upload/ar_16:9,c_fill,dpr_auto,f_auto,g_auto,q_auto,w_1440/v1585069035/poc/Pro-Team-Shoe-6203-Web-Final.jpg38.22 KB
Cloudinary - 1920https://rapha-res.cloudinary.com/image/upload/ar_16:9,c_fill,dpr_auto,f_auto,g_auto,q_auto,w_1920/v1585069035/poc/Pro-Team-Shoe-6203-Web-Final.jpg54.16 KB
Sizes(min-width: 768) 92.105vw, (min-width: 992) 93.952vw, (min-width:1280) 95.313vw, (min-width: 1400) 95.833vw, (min-width: 1920) 96.875vw, 100vw

Mannequin Set

ComponentMannequin SetContent-Length
URLhttps://i8.amplience.net/i/rapha/POH01XX_HVP_Product_H120_01
Original Size2048 x 2048
File Size296.58 KB
Current - 480https://i8.amplience.net/i/rapha/POH01XX_HVP_Product_H120_01?&scaleFit=poi&w=768&sm=aspect&aspect=1:1 480w15.86 KB
Current - 760https://i8.amplience.net/i/rapha/POH01XX_HVP_Product_H120_01?&scaleFit=poi&w=768&sm=aspect&aspect=1:1 760w41.19 KB
Current - 1200https://i8.amplience.net/i/rapha/POH01XX_HVP_Product_H120_01?&scaleFit=poi&w=150&&sm=aspect&aspect=1:1 1500w152.26 KB
Cloudinaryhttps://rapha-res.cloudinary.com/image/upload/ar_1:1,c_fill,dpr_auto,f_auto,g_auto,q_auto,w_450/v1585069046/poc/POH01XX_HVP_Product_H120_01.jpg15.04 KB
  • Remove srcset. It has minimum effect as the general render size is 450x450.
  • Reduce the src to 450x450 as this is the largest display dimension.
  • Discuss the importance of keeping the original file size on upload.

Triptyc Set

ComponentTriptyc - Top ImageContent-Length
URLhttps://i8.amplience.net/i/rapha/Pro-Team-Shoe-6232-Web-Final
Original Size4096 × 2730
File Size403.29 KB
Current - 480https://i8.amplience.net/i/rapha/Pro-Team-Shoe-6232-Web-Final?aspect=16:9&sm=aspect&scaleFit=poi&fmt=auto&fmt.jpeg.interlaced=true&w=800.0 480w10.33 KB
Current - 760https://i8.amplience.net/i/rapha/Pro-Team-Shoe-6232-Web-Final?aspect=16:9&sm=aspect&scaleFit=poi&fmt=auto&fmt.jpeg.interlaced=true&w=1200.0 760w19.76 KB
Current - 1200https://i8.amplience.net/i/rapha/Pro-Team-Shoe-6232-Web-Final?aspect=16:9&sm=aspect&scaleFit=poi&fmt=auto&fmt.jpeg.interlaced=true&w=2000 1200w43.88 KB
Current - srchttps://i8.amplience.net/i/rapha/Pro-Team-Shoe-6232-Web-Final?aspect=16:9&sm=aspect&scaleFit=poi&fmt=auto&fmt.jpeg.interlaced=true&w=200043.88 KB
Cloudinary - 480https://rapha-res.cloudinary.com/image/upload/ar_16:9,c_fill,dpr_auto,f_auto,g_auto,q_auto,w_480/v1653405475/POC/Pro-Team-Shoe-6232-Web-Final_exmpxz.jpg5.08 KB
Cloudinary - 768https://rapha-res.cloudinary.com/image/upload/ar_16:9,c_fill,dpr_auto,f_auto,g_auto,q_auto,w_768/v1653405475/POC/Pro-Team-Shoe-6232-Web-Final_exmpxz.jpg9.57 KB
Cloudinary - 992 (Fallback)https://rapha-res.cloudinary.com/image/upload/ar_16:9,c_fill,dpr_auto,f_auto,g_auto,q_auto,w_992/v1653405475/POC/Pro-Team-Shoe-6232-Web-Final_exmpxz.jpg18.64 KB
Cloudinary - 1280https://rapha-res.cloudinary.com/image/upload/ar_16:9,c_fill,dpr_auto,f_auto,g_auto,q_auto,w_1280/v1653405475/POC/Pro-Team-Shoe-6232-Web-Final_exmpxz.jpg24.99 KB
Cloudinary - 1440https://rapha-res.cloudinary.com/image/upload/ar_16:9,c_fill,dpr_auto,f_auto,g_auto,q_auto,w_1440/v1653405475/POC/Pro-Team-Shoe-6232-Web-Final_exmpxz.jpg30.37 KB
Cloudinary - 1920https://rapha-res.cloudinary.com/image/upload/ar_16:9,c_fill,dpr_auto,f_auto,g_auto,q_auto,w_1920/v1653405475/POC/Pro-Team-Shoe-6232-Web-Final_exmpxz.jpg49.58 KB
Sizes(min-width: 768) 92vw, (min-width: 992) 94vw, (min-width:1280) 95vw, (min-width: 1400) 96vw, (min-width: 1920) 97vw, 100vw
  • Our new fallback size is 992
  • Discuss the importance of keeping the original file size on upload.
ComponentTriptyc - Lower Image(s)Content-Length
URLhttps://i8.amplience.net/i/rapha/Pro-Team-Shoe-6172-Web-Final
Original Size4096 × 6146
File Size709.18 KB
Current - 480https://i8.amplience.net/i/rapha/Pro-Team-Shoe-6172-Web-Final?aspect=2:3&sm=aspect&scaleFit=poi&fmt=auto&fmt.jpeg.interlaced=true&w=500.0 480w,10.77 KB
Current - 760https://i8.amplience.net/i/rapha/Pro-Team-Shoe-6172-Web-Final?aspect=2:3&sm=aspect&scaleFit=poi&fmt=auto&fmt.jpeg.interlaced=true&w=750.0 760w,19.82 KB
Current - 1200https://i8.amplience.net/i/rapha/Pro-Team-Shoe-6172-Web-Final?aspect=2:3&sm=aspect&scaleFit=poi&fmt=auto&fmt.jpeg.interlaced=true&w=1250 1200w42.87 KB
Current - srchttps://i8.amplience.net/i/rapha/Pro-Team-Shoe-6172-Web-Final?aspect=2:3&sm=aspect&scaleFit=poi&fmt=auto&fmt.jpeg.interlaced=true&w=125042.87 KB
Cloudinary - 480https://rapha-res.cloudinary.com/image/upload/ar_2:3,c_fill,dpr_auto,f_auto,g_auto,q_auto,w_480/v1653489819/POC/Pro-Team-Shoe-6172-Web-Final_d8hebf.jpg11.46 KB
Cloudinary - 768https://rapha-res.cloudinary.com/image/upload/ar_2:3,c_fill,dpr_auto,f_auto,g_auto,q_auto,w_768/v1653489819/POC/Pro-Team-Shoe-6172-Web-Final_d8hebf.jpg24.33 KB
Cloudinary - 992 (Fallback)https://rapha-res.cloudinary.com/image/upload/ar_2:3,c_fill,dpr_auto,f_auto,g_auto,q_auto,w_992/v1653489819/POC/Pro-Team-Shoe-6172-Web-Final_d8hebf.jpg35.66 KB
Cloudinary - 1280https://rapha-res.cloudinary.com/image/upload/ar_2:3,c_fill,dpr_auto,f_auto,g_auto,q_auto,w_1280/v1653489819/POC/Pro-Team-Shoe-6172-Web-Final_d8hebf.jpg47.38 KB
Cloudinary - 1440https://rapha-res.cloudinary.com/image/upload/ar_2:3,c_fill,dpr_auto,f_auto,g_auto,q_auto,w_1440/v1653489819/POC/Pro-Team-Shoe-6172-Web-Final_d8hebf.jpg55.29 KB
Cloudinary - 1920https://rapha-res.cloudinary.com/image/upload/ar_2:3,c_fill,dpr_auto,f_auto,g_auto,q_auto,w_1920/v1653489819/POC/Pro-Team-Shoe-6172-Web-Final_d8hebf.jpg75.67 KB
Sizes(min-width: 480) 45vw, (min-width: 768) 47vw, (min-width: 992) 46vw, (min-width:1280) 46vw, (min-width: 1400) 47vw, (min-width: 1920) 48vw

ComponentFeatures CarouselContent-Length
URLhttps://i8.amplience.net/i/rapha/Pro-Team-Shoe-6172-Web-Final
Original Size4096 × 2730
File Size1.12 MB
Current - 480https://i8.amplience.net/i/rapha/Pro-Team-Shoe-6706-High_Res-Final?aspect=16:9&sm=aspect&scaleFit=poi&fmt=auto&fmt.jpeg.interlaced=true&w=600 480w,24.12 KB
Current - 760https://i8.amplience.net/i/rapha/Pro-Team-Shoe-6706-High_Res-Final?aspect=16:9&sm=aspect&scaleFit=poi&fmt=auto&fmt.jpeg.interlaced=true&w=900 760w,43.14 KB
Current - 1200https://i8.amplience.net/i/rapha/Pro-Team-Shoe-6706-High_Res-Final?aspect=16:9&sm=aspect&scaleFit=poi&fmt=auto&fmt.jpeg.interlaced=true&w=1500 1200w87.43 KB
Current - srchttps://i8.amplience.net/i/rapha/Pro-Team-Shoe-6706-High_Res-Final?aspect=16:9&sm=aspect&scaleFit=poi&fmt=auto&fmt.jpeg.interlaced=true&w=150087.43 KB
Cloudinary - 480https://rapha-res.cloudinary.com/image/upload/ar_16:9,c_fill,dpr_auto,f_auto,g_auto,q_auto,w_480/v1585069036/poc/Pro-Team-Shoe-6706-High_Res-Final.jpg21.39 KB
Cloudinary - 768https://rapha-res.cloudinary.com/image/upload/ar_16:9,c_fill,dpr_auto,f_auto,g_auto,q_auto,w_768/v1585069036/poc/Pro-Team-Shoe-6706-High_Res-Final.jpg39.53 KB
Cloudinary - 992 (Fallback)https://rapha-res.cloudinary.com/image/upload/ar_16:9,c_fill,dpr_auto,f_auto,g_auto,q_auto,w_992/v1585069036/poc/Pro-Team-Shoe-6706-High_Res-Final.jpg51.29 KB
Cloudinary - 1280https://rapha-res.cloudinary.com/image/upload/ar_16:9,c_fill,dpr_auto,f_auto,g_auto,q_auto,w_1280/v1585069036/poc/Pro-Team-Shoe-6706-High_Res-Final.jpg75.89 KB
Cloudinary - 1440https://rapha-res.cloudinary.com/image/upload/ar_16:9,c_fill,dpr_auto,f_auto,g_auto,q_auto,w_1440/v1585069036/poc/Pro-Team-Shoe-6706-High_Res-Final.jpg88.73 KB
Cloudinary - 1920https://rapha-res.cloudinary.com/image/upload/ar_16:9,c_fill,dpr_auto,f_auto,g_auto,q_auto,w_1920/v1585069036/poc/Pro-Team-Shoe-6706-High_Res-Final.jpg86.62 KB
Sizes(min-width: 480) 94vw, (min-width: 768) 96vw, (min-width: 992) 70vw, (min-width:1280) 71vw, (min-width: 1400) 72vw, (min-width: 1920) 73vw

Just For You

ComponentJust For YouContent-Length
URLhttps://i8.amplience.net/i/rapha/PSK04RG_DNY_Product_H121_01
Original Size2048 × 2048
File Size193.22 KB
Current - 480https://i8.amplience.net/i/rapha/PSK04RG_DNY_Product_H121_01?aspect=1:1&sm=aspect&scaleFit=poi&fmt=auto&fmt.jpeg.interlaced=true&w=180.0 480w 480w,1008 B
Current - 760https://i8.amplience.net/i/rapha/PSK04RG_DNY_Product_H121_01?aspect=1:1&sm=aspect&scaleFit=poi&fmt=auto&fmt.jpeg.interlaced=true&w=270.0 760w,1.57 KB
Current - 1200https://i8.amplience.net/i/rapha/PSK04RG_DNY_Product_H121_01?aspect=1:1&sm=aspect&scaleFit=poi&fmt=auto&fmt.jpeg.interlaced=true&w=450 1200w3.76 KB
Current - srchttps://i8.amplience.net/i/rapha/PSK04RG_DNY_Product_H121_01?aspect=1:1&sm=aspect&scaleFit=poi&fmt=auto&fmt.jpeg.interlaced=true&w=4503.76 KB
Cloudinary - 480https://rapha-res.cloudinary.com/image/upload/ar_1:1,c_fill,dpr_auto,f_auto,g_center,q_auto,w_218/v1653500811/POC/PSK04RG_DNY_Product_H121_01_bz9ooz.jpg1.57 KB
Cloudinary - 768https://rapha-res.cloudinary.com/image/upload/ar_1:1,c_fill,dpr_auto,f_auto,g_center,q_auto,w_174/v1653500811/POC/PSK04RG_DNY_Product_H121_01_bz9ooz.jpg1.24 KB
Cloudinary - 992 (Fallback)https://rapha-res.cloudinary.com/image/upload/ar_1:1,c_fill,dpr_auto,f_auto,g_center,q_auto,w_182/v1653500811/POC/PSK04RG_DNY_Product_H121_01_bz9ooz.jpg1.32 KB
Cloudinary - 1280https://rapha-res.cloudinary.com/image/upload/ar_1:1,c_fill,dpr_auto,f_auto,g_center,q_auto,w_252/v1653500811/POC/PSK04RG_DNY_Product_H121_01_bz9ooz.jpg1.82 KB
Cloudinary - 1440https://rapha-res.cloudinary.com/image/upload/ar_1:1,c_fill,dpr_auto,f_auto,g_center,q_auto,w_294/v1653500811/POC/PSK04RG_DNY_Product_H121_01_bz9ooz.jpg2.14 KB
Cloudinary - 1920https://rapha-res.cloudinary.com/image/upload/ar_1:1,c_fill,dpr_auto,f_auto,g_center,q_auto,w_414/v1653500811/POC/PSK04RG_DNY_Product_H121_01_bz9ooz.jpg2.79 KB
Sizes(min-width: 480) 45vw, (min-width: 768) 23vw, (min-width: 992) 18vw, (min-width:1280) 20vw, (min-width: 1400) 20.4vw, (min-width: 1920) 22vw

Men's Pro Team Bib Shorts II - PSH04RG

https://www.rapha.cc/gb/en/shop/mens-pro-team-bib-shorts-ii-regular/product/PSH04RG
  • Hero Carousel - Slide - Same as above
  • Mannequin Set - Same as above
  • Just For You - Same as above
  • Features Carousel - Same as above

Triptyc

ComponentTriptyc - Lower VideoContent-Length
URLhttps://i8.amplience.net/v/rapha/PSH04RG_BBK_ProTeam_BibShortsII _Regular_Mens
FormatMP4
Original Size1280 × 1920
File Size12.2 MB
Current - 720 - webmhttps://i1.adis.ws/v/rapha/PSH04RG_BBK_ProTeam_BibShortsII%20_Regular_Mens/webm_720p,-
Current - 720 - mp4https://i1.adis.ws/v/rapha/PSH04RG_BBK_ProTeam_BibShortsII%20_Regular_Mens/mp4_720p,-
Cloudinaryhttps://rapha-res.cloudinary.com/video/upload/ar_2:3,c_fill,dpr_auto,f_auto,q_auto,w_915/v1653552542/POC/PSH04RG_BBK_ProTeam_BibShortsII__Regular_Mens_i8epaw.mp41.02 MB
  • Automautomatically selecting the most appropriate codec based on the output format.
  • Width of 915px as this is the max width based on 1920px breakpoint

Video Player

ComponentVideo PlayerContent-Length
URLhttps://i8.amplience.net/v/rapha/updated_Rapha_Bibs_2020_pro_team_PDP_online
FormatMP4
Original Size1920 × 1080
File Size15.37 MB
Current - 720 - webmhttps://i8.amplience.net/v/rapha/updated_Rapha_Bibs_2020_pro_team_PDP_online/webm_720p?protocol=https-
Current - 720 - mp4https://i8.amplience.net/v/rapha/updated_Rapha_Bibs_2020_pro_team_PDP_online/mp4_720p?protocol=https-
Cloudinaryhttps://rapha-res.cloudinary.com/video/upload/ar_16:9,c_fill,dpr_auto,f_auto,q_auto,w_1230/v1653553779/POC/updated_Rapha_Bibs_2020_pro_team_PDP_online_zttfvr.mp42.13 MB
  • Automautomatically selecting the most appropriate codec based on the output format.
  • Width of 1230 as this is the max width based on 1920px breakpoint

Fit Guide

ComponentFit GuideContent-Length
URLhttps://i8.amplience.net/i/rapha/h119_jez_pro-team_new-fit-guide_01
Original Size1365 × 2048
File Size241.78 KB
Current - 480https://i8.amplience.net/i/rapha/h119_jez_pro-team_new-fit-guide_01?aspect=2:3&sm=aspect&scaleFit=poi&fmt=auto&fmt.jpeg.interlaced=true&w=600.0 480w12.69 KB
Current - 760https://i8.amplience.net/i/rapha/h119_jez_pro-team_new-fit-guide_01?aspect=2:3&sm=aspect&scaleFit=poi&fmt=auto&fmt.jpeg.interlaced=true&w=900.0 760w24.88 KB
Current - 1200https://i8.amplience.net/i/rapha/h119_jez_pro-team_new-fit-guide_01?aspect=2:3&sm=aspect&scaleFit=poi&fmt=auto&fmt.jpeg.interlaced=true&w=1500 1200w61.82 KB
Current - srchttps://i8.amplience.net/i/rapha/h119_jez_pro-team_new-fit-guide_01?aspect=2:3&sm=aspect&scaleFit=poi&fmt=auto&fmt.jpeg.interlaced=true&w=150061.82 KB
Cloudinary - 480https://rapha-res.cloudinary.com/image/upload/ar_2:3,c_fill,f_auto,q_auto,w_218/v1653554815/POC/h119_jez_pro-team_new-fit-guide_01_tongrq.jpg5.21 KB
Cloudinary - 768https://rapha-res.cloudinary.com/image/upload/ar_2:3,c_fill,f_auto,q_auto,w_362/v1653554815/POC/h119_jez_pro-team_new-fit-guide_01_tongrq.jpg7.95 KB
Cloudinary - 992 (Fallback)https://rapha-res.cloudinary.com/image/upload/ar_2:3,c_fill,f_auto,q_auto,w_330/v1653554815/POC/h119_jez_pro-team_new-fit-guide_01_tongrq.jpg7.69 KB
Cloudinary - 1280https://rapha-res.cloudinary.com/image/upload/ar_2:3,c_fill,f_auto,q_auto,w_438/v1653554815/POC/h119_jez_pro-team_new-fit-guide_01_tongrq.jpg7.42 KB
Cloudinary - 1440https://rapha-res.cloudinary.com/image/upload/ar_2:3,c_fill,f_auto,q_auto,w_498/v1653554815/POC/h119_jez_pro-team_new-fit-guide_01_tongrq.jpg8.74 KB
Cloudinary - 1920https://rapha-res.cloudinary.com/image/upload/ar_2:3,c_fill,f_auto,q_auto,w_678/v1653554815/POC/h119_jez_pro-team_new-fit-guide_01_tongrq.jpg12.97 KB
Sizes(min-width: 480) 45vw, (min-width: 768) 47vw, (min-width: 992) 33vw, (min-width:1280) 34vw, (min-width: 1400) 35, (min-width: 1920) 36vw

Men's Jersey Guide

https://www.rapha.cc/gb/en/stories/rapha-mens-jersey-guide

Hero Video Player

ComponentHero Video PlayerContent-Length
URLhttps://i8.amplience.net/v/rapha/Soar_in_the_sun_1920x842_30s
FormatMP4
Original Size1920 × 842
File Size31.83 MB
Current - 720 - webmhttps://i8.amplience.net/v/rapha/Soar_in_the_sun_1920x842_30s/webm_720p?protocol=https-
Current - 720 - mp4https://i8.amplience.net/v/rapha/Soar_in_the_sun_1920x842_30s/webm_720p?protocol=https-
Cloudinaryhttps://rapha-res.cloudinary.com/video/upload/c_scale,dpr_auto,f_auto,q_auto,w_1860/v1653561553/POC/Soar_in_the_sun_1920x842_30s_ygczto.mp43.85 MB
  • Automautomatically selecting the most appropriate codec based on the output format.
  • Width of 1860 as this is the max width based on 1920px breakpoint

Mediasingle - Full Width

ComponentMediasingleContent-Length
URLhttps://i8.amplience.net/i/rapha/_51A4646
Original Size4096 × 3072
File Size1.27MB
Current - 480https://i8.amplience.net/i/rapha/_51A4646?aspect=16:9&sm=aspect&scaleFit=poi&fmt=auto&fmt.jpeg.interlaced=true&w=600.0 480w9.55 KB
Current - 760https://i8.amplience.net/i/rapha/_51A4646?aspect=16:9&sm=aspect&scaleFit=poi&fmt=auto&fmt.jpeg.interlaced=true&w=900.0 760w17.46 KB
Current - 1200https://i8.amplience.net/i/rapha/_51A4646?aspect=16:9&sm=aspect&scaleFit=poi&fmt=auto&fmt.jpeg.interlaced=true&w=1500 1200w48.51 KB
Current - srchttps://i8.amplience.net/i/rapha/_51A4646?aspect=16:9&sm=aspect&scaleFit=poi&fmt=auto&fmt.jpeg.interlaced=true&w=150048.51 KB
Cloudinary - 480https://rapha-res.cloudinary.com/image/upload/ar_16:9,c_limit,dpr_auto,f_auto,q_auto,w_480/v1653562547/POC/Mens%20Jersey%20Guide/_51A4646_o9itcq.jpg4.39 KB
Cloudinary - 768https://rapha-res.cloudinary.com/image/upload/ar_16:9,c_limit,dpr_auto,f_auto,q_auto,w_768/v1653562547/POC/Mens%20Jersey%20Guide/_51A4646_o9itcq.jpg7.50 KB
Cloudinary - 992 (Fallback)https://rapha-res.cloudinary.com/image/upload/ar_16:9,c_limit,dpr_auto,f_auto,q_auto,w_992/v1653562547/POC/Mens%20Jersey%20Guide/_51A4646_o9itcq.jpg11.25 KB
Cloudinary - 1280https://rapha-res.cloudinary.com/image/upload/ar_16:9,c_limit,dpr_auto,f_auto,q_auto,w_1280/v1653562547/POC/Mens%20Jersey%20Guide/_51A4646_o9itcq.jpg15.86 KB
Cloudinary - 1440https://rapha-res.cloudinary.com/image/upload/ar_16:9,c_limit,dpr_auto,f_auto,q_auto,w_1440/v1653562547/POC/Mens%20Jersey%20Guide/_51A4646_o9itcq.jpg19.04 KB
Cloudinary - 1920https://rapha-res.cloudinary.com/image/upload/ar_16:9,c_limit,dpr_auto,f_auto,q_auto,w_1920/v1653562547/POC/Mens%20Jersey%20Guide/_51A4646_o9itcq.jpg34.04 KB
Sizes100vw

Mediasingle - Classic

ComponentMediasingle - ClassicContent-Length
URLhttps://i8.amplience.net/i/rapha/2_3_51A4632
Original Size2048 × 3072
File Size818.32 KB
Current - srchttps://i8.amplience.net/i/rapha/_51A4646?aspect=16:9&sm=aspect&scaleFit=poi&fmt=auto&fmt.jpeg.interlaced=true&w=1500236.22 KB
Cloudinary - srchttps://rapha-res.cloudinary.com/image/upload/ar_2:3,c_fill,dpr_auto,f_auto,g_auto,q_auto,w_930/v1653563959/POC/Mens%20Jersey%20Guide/2_3_51A4632_ua4rww.jpg72.05 KB
  • Long term should be fixed with srcsets

Product Image(s)

ComponentProduct ImageContent-Length
URLhttps://i8.amplience.net/i/rapha/FLY06XX_FDI_Product_H122_01
Original Size2048 × 2048
File Size254.24 KB
Current - srchttps://i8.amplience.net/i/rapha/_51A4646?aspect=16:9&sm=aspect&scaleFit=poi&fmt=auto&fmt.jpeg.interlaced=true&w=150014.74 KB
Cloudinary - srchttps://rapha-res.cloudinary.com/image/upload/ar_1:1,c_fill,dpr_auto,f_auto,g_auto,q_auto,w_384/v1653564593/POC/Mens%20Jersey%20Guide/FLY06XX_FDI_Product_H122_01_tydiyz.jpg2.92 KB
  • Current SRC is the wrong size. Its currently double the size needed
  • Long term should be fixed with srcsets
  • Width of 384 as this is the max width based on 1920px breakpoint
ComponentProduct ImageContent-Length
URLhttps://i8.amplience.net/i/rapha/CLJ08XX_BFD_Product_H122_01
Original Size2048 × 2048
File Size109.17 KB
Current - srchttps://i8.amplience.net/i/rapha/CLJ08XX_BFD_Product_H122_01?aspect=16:9&sm=aspect&scaleFit=poi&fmt=auto&fmt.jpeg.interlaced=true&w=150010.61 KB
Cloudinary - srchttps://rapha-res.cloudinary.com/image/upload/ar_1:1,c_fill,dpr_auto,f_auto,g_auto,q_auto,w_384/v1653564598/POC/Mens%20Jersey%20Guide/CLJ08XX_BFD_Product_H122_01_xjw44m.jpg1.76 KB
  • Current SRC is the wrong size. Its currently double the size needed
  • Long term should be fixed with srcsets
  • Width of 384 as this is the max width based on 1920px breakpoint
  • Applies to all product images on page

Mediasingle - Full Width

ComponentMediasingleContent-Length
URLhttps://i8.amplience.net/i/rapha/PTh12205
Original Size2400 × 1613
File Size693.03 KB
Current - 480https://i8.amplience.net/i/rapha/PTh12205?aspect=16:9&sm=aspect&scaleFit=poi&fmt=auto&fmt.jpeg.interlaced=true&w=600.0 480w29.53 KB
Current - 760https://i8.amplience.net/i/rapha/PTh12205?aspect=16:9&sm=aspect&scaleFit=poi&fmt=auto&fmt.jpeg.interlaced=true&w=900.0 760w52.35 KB
Current - 1200https://i8.amplience.net/i/rapha/PTh12205?aspect=16:9&sm=aspect&scaleFit=poi&fmt=auto&fmt.jpeg.interlaced=true&w=1500 1200w110.50 KB
Current - srchttps://i8.amplience.net/i/rapha/PTh12205?aspect=16:9&sm=aspect&scaleFit=poi&fmt=auto&fmt.jpeg.interlaced=true&w=1500110.50 KB
Cloudinary - 480https://rapha-res.cloudinary.com/image/upload/ar_16:9,c_fill,dpr_auto,f_auto,g_auto,q_auto,w_480/v1653564604/POC/Mens%20Jersey%20Guide/PTh12205_mamtn6.jpg22.29 KB
Cloudinary - 768https://rapha-res.cloudinary.com/image/upload/ar_16:9,c_fill,dpr_auto,f_auto,g_auto,q_auto,w_768/v1653564604/POC/Mens%20Jersey%20Guide/PTh12205_mamtn6.jpg42.08 KB
Cloudinary - 992 (Fallback)https://rapha-res.cloudinary.com/image/upload/ar_16:9,c_fill,dpr_auto,f_auto,g_auto,q_auto,w_992/v1653564604/POC/Mens%20Jersey%20Guide/PTh12205_mamtn6.jpg56.17 KB
Cloudinary - 1280https://rapha-res.cloudinary.com/image/upload/ar_16:9,c_fill,dpr_auto,f_auto,g_auto,q_auto,w_1280/v1653564604/POC/Mens%20Jersey%20Guide/PTh12205_mamtn6.jpg83.73 KB
Cloudinary - 1440https://rapha-res.cloudinary.com/image/upload/ar_16:9,c_fill,dpr_auto,f_auto,g_auto,q_auto,w_1440/v1653564604/POC/Mens%20Jersey%20Guide/PTh12205_mamtn6.jpg104.88 KB
Cloudinary - 1920https://rapha-res.cloudinary.com/image/upload/ar_16:9,c_fill,dpr_auto,f_auto,g_auto,q_auto,w_1920/v1653564604/POC/Mens%20Jersey%20Guide/PTh12205_mamtn6.jpg232.16 KB
Sizes100vw

Mediasingle - Pro Team

ComponentMediasingle - Pro TeamContent-Length
URLhttps://i8.amplience.net/i/rapha/PTh12228
Original Size2400 × 1914
File Size663.36 KB
Current - srchttps://i8.amplience.net/i/rapha/PTh12228?fmt.jpeg.interlaced=true&sm=aspect&scaleFit=poi&aspect=2:3&w=1200277.51 KB
Cloudinary - srchttps://rapha-res.cloudinary.com/image/upload/ar_2:3,c_fill,dpr_auto,f_auto,g_auto,q_auto,w_930/v1653566349/POC/Mens%20Jersey%20Guide/PTh12228_lkbsqt.jpg119.90 KB
  • Long term should be fixed with srcsets

Resources