客戶

Shinola 成立於2011 年,旨在透過製造永恆、設計精良的商品來為美國創造有意義的就業機會,其使命是向世界表明,您仍然可以在美國工業的發源地與美國工人一起製造卓越的產品。

Shinola 在底特律的工廠生產手錶、自行車、皮革製品和配件、音響設備以及特色產品。 Shinola 在整個北美經營 26 個零售點,也透過由 Magento Enterprise 提供支援並託管在 Amazon Web Services 上的線上商店開展大量業務。

該公司由 5 名全端開發人員組成的團隊在內部管理所有網站開發和基礎設施

Shinola 客戶 1
Shinola 客戶 2

挑戰

最初,Shinola 使用 Magento Enterprise 的內建影像調整大小來管理其映像庫。這種方法在一段時間內有效,但多伺服器功能非常有限,難以擴展。增加更多容量意味著增加更多網路伺服器。這意味著必須跨伺服器共享映像資產,需要使用網路檔案系統 (NFS) 和 rsync 建構的系統來保持一切一致。

一旦 Shinola 將圖像轉移到 AWS 上的雲端中,這一切就變得更加困難,因為事實證明 NFS 在處理共享儲存位置時不如實體伺服器可靠。這導致創建了一個複雜的系統,其中圖像被上傳、同步到 Amazon S3 儲存桶,然後同步到所有生產 Web 伺服器。這些額外的步驟增加了延遲以及額外的故障點。

「我們都是才華橫溢且經驗豐富的開發專業人士,但影像壓縮演算法和複雜的影像優化策略並不是我們的主要專長。需要投入大量時間和資源才能獲得與真正專注於該領域的團隊相同的績效。

— Ryan Shaltry,資深技術架構師

希諾拉挑戰

品質保證很快就成為一個問題,因為 Shinola 用於對影像檔案進行編輯的開源工具 ImageMagick 和 PHP-GD 經常引入偽影和抖動。這是創意和品牌團隊無法接受的,他們要求高水準的影像品質以匹配 Shinola 的高端聲譽。

Shinola 團隊花了 80 到 100 小時的開發時間來創建其影像處理服務,但很快就意識到這需要大量的持續關注。即使沒有發生重大錯誤或停機,開發人員仍每週花費約 4 小時進行維護和品質保證。

解決方案

Shinola 團隊意識到,他們花費了大量時間來維護內部影像系統,從而將他們從其他優先事項中抽離出來,儘管該系統不能始終保證他們所需的品質水準。他們需要一個按需圖像處理器,可以將圖像卸載到該處理器上並使其正常工作。他們找到了imgix。

Shinola 團隊喜歡 imgix 介面的簡單性,這使得他們只需將查詢字串參數附加到圖像 URL 即可即時對照片進行操作。這與他們目前的內部解決方案非常相似,使採用變得簡單。即使在更高等級的壓縮下,imgix 始終如一的影像品質也給 Shinola 留下了深刻的印象。

辛諾拉溶液

Shinola 建立了一個自訂插件,將imgix 整合到Magento Enterprise 中,這花費了大約40 個小時的開發工作,其中大部分時間用於重新創建該公司為某些產品鏡頭開發的一次性合成,例如允許客戶將特定的組合進行配對錶帶和錶殼選項。

「imgix 非常簡單,如果您非常熟悉 CDN 的工作原理,您很快就能理解並利用它的功能。學習曲線非常短,有優秀的文檔和開發人員資源,而且實施非常容易。

— Ryan Shaltry,資深技術架構師

結果

實施 imgix 後,Shinola 團隊能夠削減大部分影像處理工作量。由於 imgix 先進的壓縮功能,Shinola 還能夠大幅縮小影像檔案大小,而不會造成任何明顯的品質損失。 Shinola 看到了這些好處:

壓縮。

小頁面重量

由於圖片尺寸較小,頁面重量全面減少 50%。
從儲存中取得。

快速影像渲染

網站上大多數圖像的渲染時間減少了 10% 到 15%。
帶有性能指標的筆記型電腦。

快速載入時間

頁面載入時間平均節省一整秒。
希諾拉結果
「imgix 是迄今為止我們在影像服務和影像傳輸方面實現的最大改進。它解決了我們必須構建複雜集成的許多棘手問題,從長遠來看,imgix 為我們節省了大量時間和精力。

— Ryan Shaltry,資深技術架構師