
此文是西寧包裝設計公司關于設計公司如果推廣和營銷企業的分享,西寧包裝設計公司旨在想讓更多的設計公司提高設計業務能力!
注:配圖為UCI設計公司作品
歡迎來到網站速度優化的奇妙世界!很有可能,你來這里不是出于無聊的好奇,因為優化你的網站速度肯定不是大多數人為了好玩而做的事情。
相反,你可能遇到了網站的問題…你希望通過優化網站速度來解決這個問題。
可能你的跳出率高。也許你的網絡營銷效果很差。也許你的朋友(或者更糟糕的是,一個客戶)給你發了一條短信說,"我試著查看你的網站,但它花了很長時間才加載。"
不管你為什么在這里讀這篇文章,你來對地方了。在這篇文章中,我們將討論你可以做些什么來評估和提高你的網站的速度——而不需要雇傭一個開發者來仔細檢查你的網站。
為什么網站速度很重要?
如今,我們都期待即時的滿足。我們希望食物能快速準備好,食品雜貨(以及幾乎所有其他東西)能送到我們家門口,包裹能在兩天內(或更短時間內)送到……網頁能在不到一秒的時間內加載。
事實上,根據谷歌的說法,簡單地將頁面的加載時間從一秒增加到3秒可以提高32%的跳出率。而那只是2秒鐘的差別!在10秒的加載時間內,跳出率上升了123%。
由于谷歌的目標是將人們與他們正在尋找的網頁和網站聯系起來,他們非常重視提高跳出率的東西。畢竟,跳出率高說明用戶體驗差。由于谷歌不想讓人們去令人沮喪的劣質網站,加載速度慢的網站會被谷歌的算法降格。
無論是有機搜索結果還是付費搜索結果都是如此。
所以,如果你想提高搜索引擎優化性能、掃描電鏡性能或者只是你的整體用戶體驗,提高你的網站速度是一個很好的開始。
什么是網站速度?
有很多不同的方法來評估網站速度,但最重要的是用戶體驗:在你的用戶感覺你的頁面被加載之前需要多長時間?
這實際上是一個重要的問題,因為在你的用戶認為頁面已經加載完畢之后很久,許多頁面還在繼續加載元素(廣告、腳本、跟蹤代碼等)。這就是為什么谷歌報告說,平均移動登錄頁面需要22秒才能"完全加載",但我們大多數人很少遇到一個頁面實際上需要這么長時間才能出現。
你的用戶關心的是感知的加載時間。這與您的滿載時間非常不同。
所以,拋開谷歌的"22秒"這個數字,一個頁面的正常加載時間是多少?根據度量標準,平均感知負載速度約為8.66秒。
以下是不同行業和國家的數據分類:
這些數字都是基于移動登錄頁面的,但是由于超過50%的網流量是移動的(并且頁面在移動設備上的加載速度往往比桌面慢),所以在本文中,我們將重點關注移動設備的加載時間。
現在,所有這些數字都遠低于谷歌報告的22秒。這是個好現象,但有個問題。
回到谷歌對網站速度的研究,谷歌報告稱,如果加載時間超過3秒,53%的人會離開移動頁面。
您在圖表上看到任何低于3秒的感知加載時間了嗎?我也不知道。
這對你來說是個好消息。標準真的沒有定得那么高。由于大多數網站在移動設備上加載緩慢,緩慢的加載時間會導致糟糕的營銷業績,如果你能把大多數頁面的加載時間降低到3秒以內,那么你就有機會在競爭中脫穎而出。
你目前的網站速度是多少?
在這一點上,你可能想知道你的網站速度到底是多少。你如何衡量?
嗯,有幾種方法可以檢查這個。
首先是拿出手機,使用秒表應用。在一個新的私人瀏覽器標簽上打開你的頁面,并記錄頁面加載的時間。
這有利于檢查你的實際用戶體驗,但它可能并不總是測量網站速度的最準確的方法。根據您的網速和各種其他因素,您的頁面加載速度可能會快于(或慢于)大多數客戶。
不過,如果你正在尋找一個好的直覺,這是一個不錯的開始。例如,我比較了幾十個網站,注意到某些平臺——如Shopify——在優化感知加載時間方面做得很好。它們的完整加載時間可能并不是很長,但是從用戶的角度來看,這并不重要。
另一種更官方的檢查加載時間的方法是使用網站速度測試工具。這些工具使用特定國家的特定服務器加載您的頁面,并使用這些數據來評估您網站的速度。它們也為你提供了更多的信息,比如關于你的頁面上哪些元素減慢了速度的細節。
有很多網站速度工具,但這里有幾個我最喜歡的:
1.谷歌的頁面速度洞察
老實說,雖然我認識的許多技術人員都對PageSpeed洞察有所抱怨,但對于快速、直接的分析來說,谷歌的PageSpeed洞察是一個很好的資源。
舉個簡單的例子,讓我們使用我的個人自由職業網站。就在我建立它之后,我拍了一些我的PageSpeed洞察結果的截圖,它們會讓你很好地感受到你可以從谷歌的工具中獲得的那種信息。
首先,谷歌向你展示了你的網站與谷歌見過的其他網站的比較:
總而言之,還不算太寒酸。不是世界上最快的網站,但也不可怕。
好消息是,谷歌給了你很多關于網站加載速度的信息,以及你可以做些什么來改善這些信息:
這些建議中有許多是給開發人員的相當技術性的建議,但是其中一些您可能可以自己處理。我們一會兒會談到這些。
2.GTMetrix
公制單位是尋找洞察力的另一個好地方。在許多方面,這些信息比你從谷歌頁面速度洞察上獲得的信息更容易接近,所以它通常是我的第二大資源。
為了向你展示它是如何工作的,讓我們來看看我最近為一家名為新世界維京的公司建立的網站:
在這里,你可以看到網站的狀態非常好。它在1.4秒內加載,頁面速度得分為95%。他們能改進一些東西嗎?當然,但是和大多數網站相比,這個網站真的很快。
關于GTMetrix的偉大之處在于,它還包括您的YSlow分數,該分數使用雅虎!的網頁性能標準,給你一個網站速度的替代措施。沒人用雅虎!但是如果你正在尋找提高網站速度的方法,有另一套標準可以參考是很好的。
在這里,你可以看到有一些額外的方法來提高網站速度,但大多數都是相當技術性的。同樣,我們將探討如何自行改進您的網站,但如果您身邊有開發人員,您可能希望請他們看一下您的GTMetrix得分,并向您提供他們的意見。
3.Pingdom
最后,為了真正深入、持續地分析你的網站,你可能想試試乒壇.除了幫助你評估你的網站的速度,Pingdom還會隨著時間的推移監控你的頁面速度。
當然,你必須為他們的頁面監控服務付費,但是從14.95美元起,這并不算貴。
也就是說,如果你不是很懂技術,又沒有現成的渠道可以聯系到懂技術的人,那么Pingdom可能比你需要的更多。這完全取決于你,你的資源和你的網站的需求。
如何提高你的網站速度
既然我們已經討論了你的網站速度如何影響你的在線營銷表現,以及一些你可以用來檢查你的加載時間的工具,讓我們來看看一些簡單的方法來提高你的網站速度。
最大化你的網站速度是一個巨大的話題,需要大量的技術知識。這可能超出了您自己想要解決的問題,但是您可以做幾件簡單的事情來提高性能,而無需雇用開發人員。讓我們來看看。
縮小圖像尺寸
不幸的是,圖像是一把雙刃劍。雖然高質量的圖像是創建一個引人注目的網站的重要組成部分,但它們也會大大降低你的加載時間。
請記住,大多數人只能忍受2-3秒的頁面加載時間,所以如果這些漂亮的圖片不能快速加載,它們可能會扼殺潛在的銷售,而不是幫助他們!
根據一般經驗,大多數圖像應該小于100千字節.
但這帶來了一個問題。大多數高質量照片都比100 kb大得多,因此您可能需要調整它們的大小。幸運的是,如果你知道自己在做什么,那其實相當容易。
例如,要在用計算機修改(圖片或照片)中調整照片的大小,請在用計算機修改(圖片或照片)中打開圖像,然后單擊文件導出存儲為網格式:
然后,您可以嘗試各種設置,直到找到文件大小和圖像質量之間的平衡點(顏色編碼以匹配它們在下圖中的顯示位置):
質量。數字越小=圖像質量越低,文件越小。
文件格式。文件大小方面,JPEG GIF PNG .但是,同樣的規則也適用于圖像質量。
優化。選中該框會告訴用計算機修改(圖片或照片)優化您的圖像以供網使用(減小圖像大小)。
顏色。顏色越少=圖像質量越低,文件越小。
圖像大小。允許您選擇圖像中的實際像素數。像素越少=圖像越小,文件越小。請記住,如果您保存的圖像尺寸小于頁面上顯示的尺寸,您的圖像可能會被拉伸以適應頁面,從而導致嚴重的像素化和/或圖像失真。
您可以在窗口的左下角看到文件大小。當您更改導出設置時,此數字以及最終圖像的預覽將會更新。
用計算機修改(圖片或照片)的"存儲為網格式"工具使得平衡圖像質量和文件大小變得相當容易。這樣,你就可以確保你的圖片真正銷售你的產品,而不影響加載速度。
如果用計算機修改(圖片或照片)超出你的價格范圍,試試金帕.它是免費的,GIMP有一個工具可以做和用計算機修改(圖片或照片)的"保存為網頁格式"工具一樣的基本工作。
老實說,在你自己能做的所有網站速度優化中,優化你的圖片將對你的網站速度產生最大的影響。服務器顯示頁面所需處理的千字節(kb)數據越少,加載速度就越快。
清理你的插件
說到插件…當涉及到網站速度時,它們并不都是有用的。雖然插件是修改你的網站并使其獨一無二的好方法,但是它們會給你的主題添加額外的非本地代碼。這些代碼可能會導致網站加載速度變慢。
在運行他們的網站時,商家添加各種插件。但是,隨著時間的推移,很多插件都半途而廢了。他們不再被需要,但是他們仍然在系統中——活躍,但是無用。
其實比沒用還糟。
如前所述,這些插件會加重你網站的負擔。如果你真的從插件中獲得了價值,這沒什么大不了的,但是如果它不是你需要的插件,把它留在你的網站上會減慢你的加載時間。
解決辦法?仔細檢查你的插件,刪除任何你不真正需要的插件。如果你以后需要它,那么重新安裝它——不要讓它影響你的加載時間。
縮小半鑄鋼鋼性鑄鐵(Cast Semi-Steel)
每個網站都使用層疊樣式表(CSS)來管理網站的外觀和風格。雖然大多數網站平臺和建設者提供了一個用戶友好的界面,自動調整您的網站代碼,以符合您的喜好,CSS總是在后臺做繁重的工作。
不幸的是,如果用來創建網站的后臺半鑄鋼鋼性鑄鐵(Cast Semi-Steel)設計得不好,它真的會降低網站的速度。為了加載你的站點,瀏覽器讀取并解釋你的CSS .所以,你的半鑄鋼鋼性鑄鐵(Cast Semi-Steel)越復雜,瀏覽器就要花越長的時間來判斷它實際上應該顯示什么。
好消息是,這是一個很常見的問題,有各種各樣的插件可以用來"縮小"(也就是優化)你的CSS .它不是免費的,但是如果你使用WP火箭是一個不錯的選擇。
例如,在用WP火箭縮小我的半鑄鋼鋼性鑄鐵(Cast Semi-Steel)后,我在谷歌頁面速度洞察上的排名發生了變化:
加載速度上15點的差異是不可忽視的——尤其是設置它只需要5分鐘WP火箭?;ㄙM了一點錢(49.95美元),但它非常容易使用,迄今為止我已經有了很好的體驗。
結論
優化網站速度可能不是你今年做的最令人興奮的事情,但它會對你的在線營銷的成功產生很大的影響。你的網站體驗會更有吸引力——對你的潛在客戶來說。這意味著更多的流量,轉換和銷售。
雖然您的站點可能需要比我們在這里介紹的更多的調整,但是這篇文章是一個很好的起點。了解加載速度的基本原理以及如何控制加載速度將會在未來幾年提高你的網站的性能。
你的網站速度怎么樣?你覺得這些內容有幫助嗎?有什么問題我們可以回答嗎?請在下面的評論中留下你的想法!
亞丁安德魯斯作者
在他的職業生涯中,亞丁開發并銷售了價值數百萬美元的成功產品。他晚上睡不著覺,琢磨新的營銷策略,并不斷升級顛覆性的內部營銷游戲。他喜歡穿著中世紀的盔甲寫作、跳舞和破壞電腦顯示器。
注:配圖為UCI設計公司作品
通過西寧包裝設計公司的精彩分享,設計師更輕松快捷地掌握西寧包裝設計公司分享的營銷與設計知識,幫助北京vi設計公司更好地服務好客戶 。