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





