圖像對于吸引和保持讀(dú)者的興趣非常重要。但(dàn)是，它們也是網絡上加載速度最慢(màn)的元素之一。加載緩慢(màn)可(kě)能會導緻訪問(wèn)者放(fàng)棄您的網站(zhàn)，因此解決圖片加載慢(màn)的問(wèn)題尤爲重要！ 如(rú)果您想
圖像對于吸引和保持讀(dú)者的興趣非常重要。但(dàn)是，它們也是網絡上加載速度最慢(màn)的元素之一。加載緩慢(màn)可(kě)能會導緻訪問(wèn)者放(fàng)棄您的網站(zhàn)，因此解決圖片加載慢(màn)的問(wèn)題尤爲重要！
如(rú)果您想要一個更輕、更快(kuài)的網站(zhàn)，那麽圖像優化是一個不錯的起點。通過網站(zhàn)優化，您可(kě)以繼續以美觀、高質量的視覺效果吸引觀衆的注意力，而不會顯着增加頁面加載時間。
在本文中，我們将分(fēn)享通過圖像優化來(lái)提高網站(zhàn)性能的一些方法。讓我們開始吧(ba)！
圖像優化及其重要性
圖像優化就(jiù)是在減少圖像文件(jiàn)的大(dà)小和保持可(kě)接受的質量水平之間取得(de)平衡。這樣可(kě)以減少頁面加載時間，而不會因模糊或像素化的視覺效果而對訪問(wèn)者體(tǐ)驗造成負面影(yǐng)響。
訪客關心頁面加載需要多長時間。研究表明，有40％的人(rén)放(fàng)棄了耗時超過三秒鍾的網站(zhàn)。通過優化圖像，可(kě)以避免流量損失。
頁面加載時間也會影(yǐng)響轉化次數和收入。研究表明，如(rú)果您的網站(zhàn)每天的收入爲100,000美元，那麽延遲一秒鍾可(kě)能會導緻您每年(nián)損失250萬美元的收入。
此外，Google使用頁面速度作(zuò)爲排名因素。通過縮短(duǎn)網站(zhàn)的加載時間，您可(kě)以提高搜索引擎排名并增加自(zì)然流量。
通過減小圖片的大(dà)小，通常可(kě)以幫助Google更快(kuài)地對其進行抓取和編制索引。這可(kě)以幫助您開始從(cóng)Google圖片搜索吸引流量。對于時間敏感的視覺效果（例如(rú)與時事(shì)或快(kuài)速銷售相(xiàng)關的視覺效果），這一點尤其重要。
最後但(dàn)并非最不重要的一點是，圖像優化可(kě)以減少網站(zhàn)備份的大(dà)小。這可(kě)以使處理(lǐ)過程更快(kuài)，并且生(shēng)成的文件(jiàn)更小。根據您的托管服務提供商和計(jì)劃，這甚至可(kě)能阻止您超過分(fēn)配的存儲空間并産生(shēng)額外費用。
如(rú)何設置性能基準
在進行任何類型的優化之前，有助于确定性能基準。通過前後測試您的網站(zhàn)，您可(kě)以确定所有圖像優化工(gōng)作(zuò)的切實利益。
每個站(zhàn)點都(dōu)是唯一的，因此某些優化技術(shù)可(kě)能會産生(shēng)比其他(tā)更好的結果。爲了确定那些可(kě)以爲您的網站(zhàn)帶來(lái)最佳結果的方法，您可(kě)能希望在實施每種策略之後進行性能測試。然後，您可(kě)以将性能最強的技術(shù)置于未來(lái)工(gōng)作(zuò)的核心。
加快(kuài)網站(zhàn)圖片加載速度的建議(yì)
創建性能基準後，就(jiù)該開始着手進行改進了。以下是優化圖像并減少頁面加載時間的6種方法。
1.選擇正确的文件(jiàn)格式
在開始優化圖像之前，重要的是要确保使用最合适的圖像文件(jiàn)格式。您可(kě)以使用幾種方法，包括一些其他(tā)選項，例如(rú)JPEG XR和WebP。
盡管這些可(kě)以顯着提高圖像加載速度，但(dàn)并非所有浏覽器都(dōu)支持它們。爲了确保您的網站(zhàn)可(kě)訪問(wèn)，通常需要避免使用更特殊的格式。
JPEG或JPG圖像可(kě)以同時使用有損和無損優化。這通常使其成爲具有多種顔色的圖像的最佳文件(jiàn)格式。您還(hái)可(kě)以調整質量水平。這可(kě)以幫助您在顯示清晰，清晰的圖像和減小文件(jiàn)大(dà)小之間取得(de)最重要的平衡。
同時，PNG文件(jiàn)可(kě)産生(shēng)更高質量的圖像，但(dàn)尺寸更大(dà)。您可(kě)能可(kě)以将簡單圖像格式化爲PNG，而文件(jiàn)大(dà)小不會失控。但(dàn)是，您通常會希望避免使用PNG以獲得(de)更複雜的視覺效果。
2.使用圖像壓縮工(gōng)具
壓縮可(kě)以通過删除或分(fēn)組文件(jiàn)的某些部分(fēn)來(lái)減小圖像的大(dà)小。這種壓縮可(kě)以是“無損”或“有損”的。
無損壓縮會減小文件(jiàn)的大(dà)小，而不會影(yǐng)響質量。有損壓縮通常可(kě)以節省更多大(dà)小，但(dàn)是它涉及丢棄文件(jiàn)的某些部分(fēn)。這會影(yǐng)響圖像的質量。
通常，我們建議(yì)對照(zhào)片等高質量的視覺效果進行無損壓縮。對于更簡單的圖像，您可(kě)能希望選擇有損壓縮，以對性能産生(shēng)更大(dà)的影(yǐng)響。
您可(kě)以使用多種壓縮工(gōng)具，包括免費的TinyPNG服務。TinyPNG使用有損壓縮并有選擇地減少圖像中的顔色數量。盡管名稱如(rú)此，TinyPNG可(kě)以同時壓縮JPG和PNG。
還(hái)有一個TinyPNG插件(jiàn)，可(kě)以自(zì)動壓縮您上傳到網站(zhàn)的所有圖像。它也可(kě)以優化任何以前上傳的文件(jiàn)。如(rú)果您的站(zhàn)點已經具有大(dà)量視覺效果，這将很有用，并且手動壓縮每個圖像也不可(kě)行。
替代的圖像優化插件(jiàn)包括Optimole，Imagify和Smush Pro。
3.啓用浏覽器緩存
浏覽器無需每次都(dōu)直接從(cóng)服務器下載圖像，而是可(kě)以将這些文件(jiàn)本地存儲在訪問(wèn)者的計(jì)算機(jī)上。這種緩存會大(dà)大(dà)降低後續訪問(wèn)時的頁面加載速度。
或者，您可(kě)以通過編輯站(zhàn)點的.htaccess文件(jiàn)來(lái)啓用浏覽器緩存。這是一個重要的文件(jiàn)，因此，隻有在您願意編輯代碼的情況下，我們才建議(yì)您使用此方法。
如(rú)果确實要編輯.htaccess文件(jiàn)，首先創建備份是明智的 。這樣可(kě)以确保您在遇到任何問(wèn)題時都(dōu)可(kě)以進行恢複。
4. 禁止圖片盜鏈
使用其他(tā)網站(zhàn)上的圖片時，最好先下載該圖片，然後再将其上傳到您自(zì)己的服務器上。但(dàn)是，這并非總是會發生(shēng)，因爲某些網站(zhàn)犯有“熱(rè)鏈接”的問(wèn)題。
當第三方鏈接到服務器上托管的圖片時，就(jiù)會發生(shēng)熱(rè)鏈接。每當對方的網站(zhàn)加載此圖像時，它都(dōu)會占用您的帶寬。
熱(rè)鏈接可(kě)能會降低您網站(zhàn)的性能，甚至無法爲您提供任何頁面浏覽量。根據您的托管服務提供商，熱(rè)鏈接甚至可(kě)能會産生(shēng)額外費用。
如(rú)果你(nǐ)使用阿裡(lǐ)雲OSS或CDN，或其他(tā)第三方存儲服務，這些平台一般都(dōu)是有相(xiàng)關的設置選項的，可(kě)以查看(kàn)并開啓。你(nǐ)也可(kě)以百度一下“禁止圖片盜鏈”看(kàn)看(kàn)更多相(xiàng)關的教程。
5. 使用延遲加載
延遲加載也稱爲惰性加載，即在長網頁中延遲加載圖像。用戶滾動到它們之前，視口外的圖像不會加載。這與圖像預加載相(xiàng)反，在長網頁上使用延遲加載将使網頁加載更快(kuài)。在某些情況下，它還(hái)可(kě)以幫助減少服務器負載。
延遲加載有什麽好處：
首先它能提升用戶的體(tǐ)驗，試想一下，如(rú)果打開頁面的時候就(jiù)将頁面上所有的圖片全部獲取加載，如(rú)果圖片數量較大(dà)，對于用戶來(lái)說(shuō)簡直就(jiù)是災難，會出現卡頓現象，影(yǐng)響用戶體(tǐ)驗。
有選擇性地請(qǐng)求圖片，這樣能明顯減少了服務器的壓力和流量，也能夠減小浏覽器的負擔。
6.考慮使用内容分(fēn)發網絡（CDN）
當您選擇爲您的網站(zhàn)主機(jī)和計(jì)劃，你(nǐ)可(kě)能不得(de)不選擇一個數據中心位置的選項。例如(rú)，您的網站(zhàn)可(kě)能實際位于國(guó)外的服務器上。
當數據必須經過更長的距離(lí)時，會導緻延遲。通常，距離(lí)越遠(yuǎn)，網站(zhàn)加載所需的時間就(jiù)越長。如(rú)果您的主機(jī)服務器位于國(guó)外，那麽國(guó)内的訪問(wèn)者通常比國(guó)外的訪問(wèn)者經曆更長的加載時間。
内容分(fēn)發網絡（CDN）可(kě)以通過地理(lǐ)距離(lí)縮短(duǎn)延遲造成的。通過CDN提供優化的圖像，您可(kě)以大(dà)大(dà)減少頁面加載時間。
CDN是位于世界各地的服務器網絡。這些服務器有時稱爲存在點（POP）托管并提供站(zhàn)點靜(jìng)态内容（包括圖像）的副本。
每當有人(rén)訪問(wèn)您的站(zhàn)點時，CDN都(dōu)會使用地理(lǐ)位置路(lù)由來(lái)檢測用戶請(qǐng)求的來(lái)源。然後，訪問(wèn)者可(kě)以從(cóng)物理(lǐ)上最接近圖像的數據中心加載圖像。
CDN提供程序很多，但(dàn)是受歡迎的選擇包括Sucuri，KeyCDN和Cloudflare。還(hái)值得(de)檢查您現有的托管服務提供商的服務，因爲他(tā)們很多都(dōu)會提供CDN。比如(rú)阿裡(lǐ)雲就(jiù)有自(zì)己的CDN服務。
結論
這些精美的高分(fēn)辨率圖像可(kě)能會吸引讀(dú)者的興趣，但(dàn)同時也會減慢(màn)您的網站(zhàn)速度。通過優化圖像，您可(kě)以在創建吸引人(rén)的，引人(rén)注目的内容與提供高性能網站(zhàn)之間取得(de)平衡。
爲了加快(kuài)圖像的加載速度，我們建議(yì)以下操作(zuò)：
選擇正确的文件(jiàn)格式
使用壓縮工(gōng)具或插件(jiàn)，例如(rú)TinyPNG
啓用浏覽器緩存
禁止圖片盜鏈
使用延遲加載
考慮使用内容分(fēn)發網絡（CDN）