網站加載/響應時間（圖片）

所以，我做了我的第一個網站，但我遇到了一個問題。在網站上，here，我有照片。現在，圖像的尺寸相當大，我想保持這種方式，所以他們將被調整大小，以適應儘可能多的屏幕尺寸。現在，正如您在網站上看到的那樣，我已將圖片上傳到imgur。那是在我有一臺服務器用於測試之前。將照片上傳到我的服務器可以改善照片的加載時間嗎？網站加載/響應時間（圖片）

另外，在附註中，將它們上傳到服務器有什麼優勢？（其中一個空間有限，請注意，這主要是我問的原因。）將上傳插件（如說jQuery）到服務器，而不是使用<script src="CDN of choice" />和<link>作爲css，可以提高初始加載時間嗎？

我很抱歉，如果這是一個愚蠢的問題，但請記住我是新手。如果您願意，可以欣賞網站上的任何其他評論。

來源

2016-08-05 Luke Sykpe

作爲一個經驗法則，一個CDN服務通常會提供更好的加載時間。對於常見的資源，比如JS庫，客戶端可能已經請求了該庫並且通過訪問共享相同CDN的另一個站點來緩存這些額外的好處。 –

您可以在這裏獲得的最大改進是通過壓縮圖像。在photoshop中保存時，選擇網絡保存，並進一步減小文件大小。使用類似https://tinyjpg.com/的東西。我能夠壓縮2.5MB至947kb的圖像之一。對所有圖像進行此操作，您不必擔心CDN和加載時間。你的javascript和css文件比你的圖片小得多，我懷疑你會通過優化它們來獲得任何實際的加載時間改進。

來源

2016-08-05 15:11:43

將您的圖像（和/或其他資產）上傳到您的服務器。雖然它首先是有道理的，但會讓你遇到以下問題：

你失去了很多分配的帶寬，訪問你的網站的人就越多。
訪問者的網站速度取決於您的服務器以及它們距離它的距離。

對於第二個問題，我總是建議使用CDN中繼，如cloudflare或cloudfront。它使得加載時間更快並且也節省了帶寬。另外，如果帶寬和備用ID是一個真正的問題，您應該考慮使用更好的主機，或者只是使用類似Amazon s3的東西來託管您的靜態文件。

來源

2016-08-05 15:05:49 alybadawy

服務器確實有，或者至少說它有無限的流量，但它限於500MB的磁盤空間。 –

在這種情況下，我會使用s3。另外如果你的網站是一個靜態的（沒有PHP，鐵軌，蟒蛇..等等），爲什麼你不考慮託管它在Github頁面免費？他們也有CDN覆蓋。 – alybadawy

因此，提高圖像加載時間的唯一方法是縮小它們？我想避免它，但它可以很容易地完成... 我會看看s3，謝謝。 –

網站加載/響應時間（圖片）

回答

相關問題