將網站加載時間縮短 54% 的 5 個步驟
已發表: 2018-08-08您有大約四秒鐘的時間來吸引首次訪問者的注意力,以便將他或她轉換到您的電子郵件列表或向他們出售產品或服務。
在那之後,如果他們還在玩弄他們的拇指,等待網頁的第一個跡象顯示,你將失去大約一半的人。 這裡有很大的假設,但您可能不想僅僅因為您的網站讓樹懶打盹看起來很快而犧牲那麼多潛在的付費客戶。
根據 Gomez.com 的研究,大約一半的網絡訪問者希望網站在 2 秒內加載,而他們通常會在 3 秒內離開未加載的網站。 79% 在網站性能方面存在問題的在線購物者表示他們不會再次訪問該網站進行購買,其中大約 44% 的人會與朋友分享如果他們的在線購物體驗不佳。
好消息是,在大多數情況下,頁面加載時間可以通過一些調整得到顯著改善。 可能高達 54% 與我們即將投給你的五個。 準備好? 我們走吧!
#1。 將這些圖像縮小到大小
對於一個致命的慢速網站來說,最大的罪魁禍首可能是未經優化的圖像。 我們談論的是簡單的文件大小。 很多時候,直接從手機攝像頭或圖片庫中提取的圖像非常龐大——數兆字節。 當您將這些嬰兒中的一個或多個放入幾十或數百個帖子時,您的網站就像懷孕的海牛一樣沉迷。
這是此問題的解決方案。 如果你有 Photoshop,那就太好了,不過像 Pixlr 這樣的免費在線圖形編輯器也可以。 您需要做的是在將每張圖片上傳到網站之前減小其大小。 您可以調整設置以找到適合您的設置,但拍攝大小為千字節而不是兆字節的圖像。
#2。 讓您的瀏覽器工作緩存
最常用的瀏覽器具有緩存網站元素的功能,您將是一個聰明的企業家來利用這一點。 這是它的工作方式。 當訪問者第一次訪問您的網站時,必須下載頁面的每一個元素——圖像、文本、腳本、CSS——。 抱歉,確實沒有辦法解決這個問題,儘管它應該強調需要讓您的網站從一開始就盡可能精簡。
但是通過正確配置緩存,後續訪問加載速度更快,因為不必再次下載未更改的元素。 由於大多數網站(儘管有新聞網站)的大部分內容都保持不變,因此瀏覽器緩存大大加快了體驗。 如果確保在您的網站上啟用此功能的想法讓您在蕁麻疹中爆發,請致電您的託管公司的技術支持並讓他們賺錢。
#3。 精簡您的網站
您是否知道通過在您的網站上啟用壓縮可以將累積文件大小減少 50-70%? 伙計們,這很重要,可能是成功的在線業務和巨大的時間浪費之間的區別。 我們在這裡談論的本質上是將您的網站文件放入網絡腰帶 - 也稱為壓縮。
壓縮的網站需要較少的帶寬來下載到訪問者的計算機,因此可以更快地通過“管道”。 站點範圍壓縮是在服務器級別應用的設置。 如果您運行自己的服務器,您可能已經知道這一點,因此請隨時跳到我們列表中的下一項。 對於訂閱常規託管計劃的大眾,您應該再次致電或與您友好的技術支持人員聊天。 告訴他們你想要完成什麼,他們應該能夠從那裡得到它。

#4。 簡化你的 CSS
網頁設計師使用 CSS 文件來控制佈局和網頁的外觀。 由於這個文件(或多個文件)必須在您看到任何內容之前加載,因此保持它盡可能小是有意義的。 一個好的第一步是查看實際代碼並丟棄不需要的任何內容。 從字面上看,您使用的每個字符和空格都會增加文件的大小,並增加訪問者等待的時間。
下一步是最小化 CSS。 這是刪除代碼中多餘空格的過程,它看起來很漂亮,但會減慢加載時間。 如果您為您的網站使用 CMS,一些 (HubSpot) 會自動最小化 CSS,而另一些 (WordPress、Joomla) 則不會。 如果您需要第三方選項,請查看 CSS Minifier 等免費在線服務。 剪切、粘貼和壓縮。
#5。 戰略性地定位腳本
每個人都喜歡 Javascript。 它使網站更酷、響應更快,但如果放置不正確,它還會在頁面加載過程中引入看似死板的東西。 由於沒有人喜歡死站,尤其是網站流量,因此將您使用的任何 Javascript 放在 HTML 文檔的末尾是有意義的。
由於瀏覽器按順序從上到下解釋 HTML 並在元素出現時顯示它們,因此您最不想要的就是放置高位的 Javascript 代碼,它本質上是按下“暫停”按鈕幾秒鐘。 報紙行業有一個詞叫做“首屏之下”,指的是出現在首頁下半部分的故事,被認為不如主要標題重要。
我們並不是說您的 Javascript 代碼不那麼重要,但是,由於瀏覽器如何操作的現實,請幫自己一個忙,讓它最後加載。
最後的想法
許多在線企業家開始使用共享託管計劃,誰能責怪他們? 它們價格便宜且易於設置。 缺點是您的網站位於可能有數百個其他網站的服務器上。 顯然,當網站加載速度至關重要時,這並不是完美的情況。 您最終可能會考慮採用更快的選項,例如專用服務器、虛擬專用服務器託管計劃,甚至是可靠的託管託管。
如果您懷疑需要不同的解決方案但不確定應該是什麼,請參閱此站點以對 5 種託管類型進行出色的比較。 最後,如果你想知道你的網站是否真的很慢,這個網站允許你插入你的 URL 並進行網站速度測試。 沒有時間像現在這樣找出真相。
我們希望本文能幫助您了解如何將加載頁面時間減少 54%。 如果您非常關心如何加快您的網站速度,我們的專家會為您特別想出一個提高網站性能的指南。