根據(jù)最近的研究，圖像占平均網(wǎng)頁大小的 63%。因此，如果你想保證你的網(wǎng)站加載時(shí)間小于3秒，你需要加快你的圖片加載速度。

那我該怎么做呢？這是大多數(shù)網(wǎng)站所有者都會(huì)問的一個(gè)簡(jiǎn)單問題。

好吧，別擔(dān)心；今天，我們將通過一些簡(jiǎn)單的技術(shù)來回答這個(gè)問題，這些技術(shù)可以幫助您加快重型圖像網(wǎng)站的速度。

上傳前調(diào)整圖像大小      

為了確保網(wǎng)站速度正常，請(qǐng)將圖像大小調(diào)整為網(wǎng)站所需的大小。實(shí)現(xiàn)此目的的最佳方法是在服務(wù)器上調(diào)整圖像大小，然后將其發(fā)送到瀏覽器。通過這樣做，您將能夠保持圖像的質(zhì)量。

例如，您可能在產(chǎn)品列表頁面上有一個(gè) 200*300px 的圖像，在產(chǎn)品詳細(xì)信息頁面上有一個(gè) 800*1000px 的圖像。因此，為了確保發(fā)送正確的尺寸，請(qǐng)縮放原始圖像。請(qǐng)注意，調(diào)整大小的圖像將比原始圖像加載得更快。

為了確保正確調(diào)整圖像大小，請(qǐng)擁有一個(gè)圖像服務(wù)器，只需更改圖像 URL 即可將圖像大小實(shí)時(shí)調(diào)整為任何尺寸。這樣，服務(wù)器將讓您更輕松地指定 URL 的新圖像尺寸L。 

優(yōu)化您的圖像

確保加快網(wǎng)站速度的另一個(gè)重要步驟是為每張圖像選擇正確的格式和質(zhì)量。最常用的幾種圖像格式是 JPG、GIF、PNG 和一種稱為 WebP 的新格式。WebP 格式結(jié)合了最好的圖像格式，其尺寸小了 30%，并且受到近 76% 的現(xiàn)代瀏覽器的支持。

禁用圖像中的盜鏈

熱鏈接是指其他網(wǎng)站發(fā)布在您的服務(wù)器上托管的圖像。簡(jiǎn)而言之，它使您的網(wǎng)絡(luò)服務(wù)器使用資源來使其他人的網(wǎng)站變得更好。但是，無論您多么想幫助其他人，您的加載時(shí)間都可能會(huì)受到影響。

當(dāng)您禁用熱鏈接時(shí)，您將確保您的服務(wù)器僅關(guān)注您自己的網(wǎng)站。要輕松禁用熱鏈接，您可以使用 One WP 安全和防火墻插件中的所有內(nèi)容，或?qū)⒁韵麓a添加到 .htaccess 文件中。

加載更少的資源

盡管您已經(jīng)優(yōu)化了圖像并調(diào)整了圖像大小，但如果同時(shí)加載太多圖像，您的網(wǎng)站速度將會(huì)變慢。因此，為了避免網(wǎng)站不堪重負(fù)并對(duì)用戶體驗(yàn)產(chǎn)生負(fù)面影響，您可以使用多種技術(shù)。其中之一是延遲加載，這意味著您延遲加載不會(huì)立即使用的圖像。

基本上，這意味著當(dāng)用戶繼續(xù)加載頁面時(shí)，用戶在屏幕上看不到的任何圖像都可以稍后加載。通過這種技術(shù)，加載時(shí)間將得到改善，用戶體驗(yàn)也將得到改善。如果用戶不滾動(dòng)整個(gè)頁面，您最終將節(jié)省圖像傳輸?shù)膸挸杀荆驗(yàn)椴⒎撬袌D像都會(huì)被加載。

言鼎科技