為了使您的WordPress網(wǎng)站更能吸引訪問者并增加轉(zhuǎn)化次數(shù)，網(wǎng)站的內(nèi)容必須吸引人。
圖文搭配可以使你的文章更具吸引力，但是，高質(zhì)量圖像通常意味著較大的文件大小，會導(dǎo)致網(wǎng)頁加載速度變慢。所以，我們應(yīng)該在確保圖文排版需求的情況下，盡可能優(yōu)化圖片來減少對網(wǎng)頁加載速度的影響。
在這篇文章中，我們將說明圖像如何影響WordPress網(wǎng)站的速度和性能。然后，我們將為您提供4種優(yōu)化方式，以減少頁面加載時間。您無需在優(yōu)質(zhì)媒體和縮短加載時間之間進行選擇。如果您使用適當(dāng)?shù)墓ぞ吆头椒ǎ涂赡軐崿F(xiàn)兩全其美。您可以通過以下4種方式優(yōu)化圖像以提高WordPress網(wǎng)站速度。
1.減小圖片的文件大小
優(yōu)化圖像的一種方法是在將其上傳到WordPress媒體庫之前，減小其文件大小。簡而言之，這涉及調(diào)整尺寸大小并通過壓縮來調(diào)整質(zhì)量。
圖像壓縮有兩種類型：
有損壓縮，是指圖像丟失某些數(shù)據(jù)以減小文件大小。雖然不足以對訪問者造成任何明顯的變化，但它可以減輕服務(wù)器的負(fù)擔(dān)。
無損壓縮，所有圖像數(shù)據(jù)都是完整且可檢索的。畫質(zhì)不會受到影響，圖像僅在未壓縮時才會呈現(xiàn)。
2.選擇適當(dāng)?shù)奈募袷?/strong>
如前所述，壓縮類型和文件格式都是進行優(yōu)化的重要因素。選擇適當(dāng)?shù)膱D像類型可以減輕其重量，從而提高站點的速度。
網(wǎng)絡(luò)上的圖像有四種主要文件格式：
PNG – 此格式需要無損壓縮。通常，PNG圖像是高質(zhì)量的，但文件大小自然很大。
JPEG – JPEG圖像的質(zhì)量往往低于PNG文件，但自然也較小。有損壓縮是進一步減小其大小的最常用方法。
GIF – 此格式僅使用無損壓縮。它是為文件較小的動畫圖像保留的，通常用于社交媒體和博客文章。
WebP – 一種相對較新的文件格式，可以使用有損或無損壓縮。WebP圖像比PNG小26％，比JPEG小34％。但是，并非所有主要的互聯(lián)網(wǎng)瀏覽器（最著名的是Safari）都支持該格式。
WebP圖像在提供最小的文件大小和最高的質(zhì)量方面具有優(yōu)勢。但是，由于Safari是僅次于Google Chrome的第二受歡迎的瀏覽器（尤其是對于移動設(shè)備），因此它并不是可靠交付視覺內(nèi)容的最佳選擇。
應(yīng)謹(jǐn)慎使用GIF。盡管它們通常是幽默或教學(xué)信息的極好來源，但動畫往往會拖累您的網(wǎng)站速度。在PNG和JPEG圖像之間進行選擇時，普遍的共識是，前者最適合屏幕截圖和圖形，而后者則可以產(chǎn)生更好的照片。
3.使用延遲加載插件
正如我們已經(jīng)提到的，有一些在線工具可用于壓縮媒體文件。但是，除了調(diào)整格式和大小外，您還可以利用延遲加載來進一步優(yōu)化圖像。如果使用延遲加載圖片，當(dāng)訪問者仍位于頂部時，頁面底部的照片或圖形將不會加載呈現(xiàn)。用戶向下滾動頁面時，底部的圖片才會逐步加載出來。該技術(shù)的目的是最大程度地減少訪問者的瀏覽器必須同時加載的圖像數(shù)量。它有助于帶寬占用和提高站點速度。要啟用此功能，我們建議使用圖像優(yōu)化和延遲加載插件，例如WP Smush。
4.使用CDN服務(wù)加速圖片加載
CDN的全稱是Content Delivery Network，即內(nèi)容分發(fā)網(wǎng)絡(luò)。CDN是構(gòu)建在現(xiàn)有網(wǎng)絡(luò)基礎(chǔ)之上的智能虛擬網(wǎng)絡(luò)，依靠部署在各地的邊緣服務(wù)器，通過中心平臺的負(fù)載均衡、內(nèi)容分發(fā)、調(diào)度等功能模塊，使用戶就近獲取所需內(nèi)容，降低網(wǎng)絡(luò)擁塞，提高用戶訪問響應(yīng)速度和命中率。CDN的關(guān)鍵技術(shù)主要有內(nèi)容存儲和分發(fā)技術(shù)。正如百度百科所說，CDN可以就近分發(fā)文件，所以采用CDN托管圖片和其他靜態(tài)資源，可以一定程度上改善圖片等靜態(tài)文件的加載速度。
