如何在可能使用HTTPS的樣式表中引用CDN圖像？

Question

我已將所有網站圖片設置爲從Amazon的Cloudfront CDN提供服務。如果我的頁面有時會同時作爲HTTP和HTTPS提供，那麼我應該將所有圖像路徑HTTPS都設置爲CDN嗎？

這是一個不好的做法？

還有其他想法嗎？

Answer 1

使所有到CDN的圖像路徑超過HTTPS絕對是一個壞主意。每個HTTPS請求都有相當大的開銷，所以您可能不想這樣做。

但是，事實證明有一個簡單的解決方案來指定沒有協議的絕對跨域URL。簡單地使用，在你的CSS，像

url: (//d604721fxaaqy9.cloudfront.net/image.jpg) ... 

，並確保您的樣式被服務過相同的協議，或者通過使用同樣的伎倆，最好通過指定的路徑下的協議，即東西像

<link href="/styles.css" ... 

或

<link href="styles.css" ... 

，你是好去！