圖像對(duì)于吸引和保持讀者的興趣非常重要。但是，它們也是網(wǎng)絡(luò)上加載速度最慢的元素之一。加載緩慢可能會(huì)導(dǎo)致訪問(wèn)者放棄您的網(wǎng)站，因此解決圖片加載慢的問(wèn)題尤為重要！ 如果您想

圖像對(duì)于吸引和保持讀者的興趣非常重要。但是，它們也是網(wǎng)絡(luò)上加載速度最慢的元素之一。加載緩慢可能會(huì)導(dǎo)致訪問(wèn)者放棄您的網(wǎng)站，因此解決圖片加載慢的問(wèn)題尤為重要！

如果您想要一個(gè)更輕、更快的網(wǎng)站，那么圖像優(yōu)化是一個(gè)不錯(cuò)的起點(diǎn)。通過(guò)網(wǎng)站優(yōu)化，您可以繼續(xù)以美觀、高質(zhì)量的視覺(jué)效果吸引觀眾的注意力，而不會(huì)顯著增加頁(yè)面加載時(shí)間。

在本文中，我們將分享通過(guò)圖像優(yōu)化來(lái)提高網(wǎng)站性能的一些方法。讓我們開(kāi)始吧！

圖像優(yōu)化及其重要性

圖像優(yōu)化就是在減少圖像文件的大小和保持可接受的質(zhì)量水平之間取得平衡。這樣可以減少頁(yè)面加載時(shí)間，而不會(huì)因模糊或像素化的視覺(jué)效果而對(duì)訪問(wèn)者體驗(yàn)造成負(fù)面影響。

訪客關(guān)心頁(yè)面加載需要多長(zhǎng)時(shí)間。研究表明，有40％的人放棄了耗時(shí)超過(guò)三秒鐘的網(wǎng)站。通過(guò)優(yōu)化圖像，可以避免流量損失。

頁(yè)面加載時(shí)間也會(huì)影響轉(zhuǎn)化次數(shù)和收入。研究表明，如果您的網(wǎng)站每天的收入為100,000美元，那么延遲一秒鐘可能會(huì)導(dǎo)致您每年損失250萬(wàn)美元的收入。

此外，Google使用頁(yè)面速度作為排名因素。通過(guò)縮短網(wǎng)站的加載時(shí)間，您可以提高搜索引擎排名并增加自然流量。

通過(guò)減小圖片的大小，通?？梢詭椭鶪oogle更快地對(duì)其進(jìn)行抓取和編制索引。這可以幫助您開(kāi)始從Google圖片搜索吸引流量。對(duì)于時(shí)間敏感的視覺(jué)效果（例如與時(shí)事或快速銷(xiāo)售相關(guān)的視覺(jué)效果），這一點(diǎn)尤其重要。

最后但并非最不重要的一點(diǎn)是，圖像優(yōu)化可以減少網(wǎng)站備份的大小。這可以使處理過(guò)程更快，并且生成的文件更小。根據(jù)您的托管服務(wù)提供商和計(jì)劃，這甚至可能阻止您超過(guò)分配的存儲(chǔ)空間并產(chǎn)生額外費(fèi)用。

如何設(shè)置性能基準(zhǔn)

在進(jìn)行任何類(lèi)型的優(yōu)化之前，有助于確定性能基準(zhǔn)。通過(guò)前后測(cè)試您的網(wǎng)站，您可以確定所有圖像優(yōu)化工作的切實(shí)利益。

每個(gè)站點(diǎn)都是唯一的，因此某些優(yōu)化技術(shù)可能會(huì)產(chǎn)生比其他更好的結(jié)果。為了確定那些可以為您的網(wǎng)站帶來(lái)最佳結(jié)果的方法，您可能希望在實(shí)施每種策略之后進(jìn)行性能測(cè)試。然后，您可以將性能最強(qiáng)的技術(shù)置于未來(lái)工作的核心。

加快網(wǎng)站圖片加載速度的建議

創(chuàng)建性能基準(zhǔn)后，就該開(kāi)始著手進(jìn)行改進(jìn)了。以下是優(yōu)化圖像并減少頁(yè)面加載時(shí)間的6種方法。

1.選擇正確的文件格式

在開(kāi)始優(yōu)化圖像之前，重要的是要確保使用最合適的圖像文件格式。您可以使用幾種方法，包括一些其他選項(xiàng)，例如JPEG XR和WebP。

盡管這些可以顯著提高圖像加載速度，但并非所有瀏覽器都支持它們。為了確保您的網(wǎng)站可訪問(wèn)，通常需要避免使用更特殊的格式。

JPEG或JPG圖像可以同時(shí)使用有損和無(wú)損優(yōu)化。這通常使其成為具有多種顏色的圖像的最佳文件格式。您還可以調(diào)整質(zhì)量水平。這可以幫助您在顯示清晰，清晰的圖像和減小文件大小之間取得最重要的平衡。

同時(shí)，PNG文件可產(chǎn)生更高質(zhì)量的圖像，但尺寸更大。您可能可以將簡(jiǎn)單圖像格式化為PNG，而文件大小不會(huì)失控。但是，您通常會(huì)希望避免使用PNG以獲得更復(fù)雜的視覺(jué)效果。

2.使用圖像壓縮工具

壓縮可以通過(guò)刪除或分組文件的某些部分來(lái)減小圖像的大小。這種壓縮可以是“無(wú)損”或“有損”的。

無(wú)損壓縮會(huì)減小文件的大小，而不會(huì)影響質(zhì)量。有損壓縮通?？梢怨?jié)省更多大小，但是它涉及丟棄文件的某些部分。這會(huì)影響圖像的質(zhì)量。

通常，我們建議對(duì)照片等高質(zhì)量的視覺(jué)效果進(jìn)行無(wú)損壓縮。對(duì)于更簡(jiǎn)單的圖像，您可能希望選擇有損壓縮，以對(duì)性能產(chǎn)生更大的影響。

您可以使用多種壓縮工具，包括免費(fèi)的TinyPNG服務(wù)。TinyPNG使用有損壓縮并有選擇地減少圖像中的顏色數(shù)量。盡管名稱(chēng)如此，TinyPNG可以同時(shí)壓縮JPG和PNG。

還有一個(gè)TinyPNG插件，可以自動(dòng)壓縮您上傳到網(wǎng)站的所有圖像。它也可以?xún)?yōu)化任何以前上傳的文件。如果您的站點(diǎn)已經(jīng)具有大量視覺(jué)效果，這將很有用，并且手動(dòng)壓縮每個(gè)圖像也不可行。

替代的圖像優(yōu)化插件包括Optimole，Imagify和Smush Pro。

3.啟用瀏覽器緩存

瀏覽器無(wú)需每次都直接從服務(wù)器下載圖像，而是可以將這些文件本地存儲(chǔ)在訪問(wèn)者的計(jì)算機(jī)上。這種緩存會(huì)大大降低后續(xù)訪問(wèn)時(shí)的頁(yè)面加載速度。

或者，您可以通過(guò)編輯站點(diǎn)的.htaccess文件來(lái)啟用瀏覽器緩存。這是一個(gè)重要的文件，因此，只有在您愿意編輯代碼的情況下，我們才建議您使用此方法。

如果確實(shí)要編輯.htaccess文件，首先創(chuàng)建備份是明智的 。這樣可以確保您在遇到任何問(wèn)題時(shí)都可以進(jìn)行恢復(fù)。

4. 禁止圖片盜鏈

使用其他網(wǎng)站上的圖片時(shí)，最好先下載該圖片，然后再將其上傳到您自己的服務(wù)器上。但是，這并非總是會(huì)發(fā)生，因?yàn)槟承┚W(wǎng)站犯有“熱鏈接”的問(wèn)題。

當(dāng)?shù)谌芥溄拥椒?wù)器上托管的圖片時(shí)，就會(huì)發(fā)生熱鏈接。每當(dāng)對(duì)方的網(wǎng)站加載此圖像時(shí)，它都會(huì)占用您的帶寬。

熱鏈接可能會(huì)降低您網(wǎng)站的性能，甚至無(wú)法為您提供任何頁(yè)面瀏覽量。根據(jù)您的托管服務(wù)提供商，熱鏈接甚至可能會(huì)產(chǎn)生額外費(fèi)用。

如果你使用阿里云OSS或CDN，或其他第三方存儲(chǔ)服務(wù)，這些平臺(tái)一般都是有相關(guān)的設(shè)置選項(xiàng)的，可以查看并開(kāi)啟。你也可以百度一下“禁止圖片盜鏈”看看更多相關(guān)的教程。

5. 使用延遲加載

延遲加載也稱(chēng)為惰性加載，即在長(zhǎng)網(wǎng)頁(yè)中延遲加載圖像。用戶(hù)滾動(dòng)到它們之前，視口外的圖像不會(huì)加載。這與圖像預(yù)加載相反，在長(zhǎng)網(wǎng)頁(yè)上使用延遲加載將使網(wǎng)頁(yè)加載更快。在某些情況下，它還可以幫助減少服務(wù)器負(fù)載。

延遲加載有什么好處：

1. 首先它能提升用戶(hù)的體驗(yàn)，試想一下，如果打開(kāi)頁(yè)面的時(shí)候就將頁(yè)面上所有的圖片全部獲取加載，如果圖片數(shù)量較大，對(duì)于用戶(hù)來(lái)說(shuō)簡(jiǎn)直就是災(zāi)難，會(huì)出現(xiàn)卡頓現(xiàn)象，影響用戶(hù)體驗(yàn)。

2. 有選擇性地請(qǐng)求圖片，這樣能明顯減少了服務(wù)器的壓力和流量，也能夠減小瀏覽器的負(fù)擔(dān)。

6.考慮使用內(nèi)容分發(fā)網(wǎng)絡(luò)（CDN）

當(dāng)您選擇為您的網(wǎng)站主機(jī)和計(jì)劃，你可能不得不選擇一個(gè)數(shù)據(jù)中心位置的選項(xiàng)。例如，您的網(wǎng)站可能實(shí)際位于國(guó)外的服務(wù)器上。

當(dāng)數(shù)據(jù)必須經(jīng)過(guò)更長(zhǎng)的距離時(shí)，會(huì)導(dǎo)致延遲。通常，距離越遠(yuǎn)，網(wǎng)站加載所需的時(shí)間就越長(zhǎng)。如果您的主機(jī)服務(wù)器位于國(guó)外，那么國(guó)內(nèi)的訪問(wèn)者通常比國(guó)外的訪問(wèn)者經(jīng)歷更長(zhǎng)的加載時(shí)間。

內(nèi)容分發(fā)網(wǎng)絡(luò)（CDN）可以通過(guò)地理距離縮短延遲造成的。通過(guò)CDN提供優(yōu)化的圖像，您可以大大減少頁(yè)面加載時(shí)間。

CDN是位于世界各地的服務(wù)器網(wǎng)絡(luò)。這些服務(wù)器有時(shí)稱(chēng)為存在點(diǎn)（POP）托管并提供站點(diǎn)靜態(tài)內(nèi)容（包括圖像）的副本。

每當(dāng)有人訪問(wèn)您的站點(diǎn)時(shí)，CDN都會(huì)使用地理位置路由來(lái)檢測(cè)用戶(hù)請(qǐng)求的來(lái)源。然后，訪問(wèn)者可以從物理上最接近圖像的數(shù)據(jù)中心加載圖像。

CDN提供程序很多，但是受歡迎的選擇包括Sucuri，KeyCDN和Cloudflare。還值得檢查您現(xiàn)有的托管服務(wù)提供商的服務(wù)，因?yàn)樗麄兒芏喽紩?huì)提供CDN。比如阿里云就有自己的CDN服務(wù)。

結(jié)論

這些精美的高分辨率圖像可能會(huì)吸引讀者的興趣，但同時(shí)也會(huì)減慢您的網(wǎng)站速度。通過(guò)優(yōu)化圖像，您可以在創(chuàng)建吸引人的，引人注目的內(nèi)容與提供高性能網(wǎng)站之間取得平衡。

為了加快圖像的加載速度，我們建議以下操作：

1. 選擇正確的文件格式

2. 使用壓縮工具或插件，例如TinyPNG

3. 啟用瀏覽器緩存

4. 禁止圖片盜鏈

5. 使用延遲加載

6. 考慮使用內(nèi)容分發(fā)網(wǎng)絡(luò)（CDN）