此文是西寧包裝設(shè)計(jì)公司關(guān)于設(shè)計(jì)公司如果推廣和營銷企業(yè)的分享，西寧包裝設(shè)計(jì)公司旨在想讓更多的設(shè)計(jì)公司提高設(shè)計(jì)業(yè)務(wù)能力！

西寧包裝設(shè)計(jì)公司轉(zhuǎn)發(fā)原文直譯：

歡迎來到網(wǎng)站速度優(yōu)化的奇妙世界！很有可能，你來這里不是出于無聊的好奇，因?yàn)閮?yōu)化你的網(wǎng)站速度肯定不是大多數(shù)人為了好玩而做的事情。

相反，你可能遇到了網(wǎng)站的問題…你希望通過優(yōu)化網(wǎng)站速度來解決這個(gè)問題。

可能你的跳出率高。也許你的網(wǎng)絡(luò)營銷效果很差。也許你的朋友（或者更糟糕的是，一個(gè)客戶)給你發(fā)了一條短信說，"我試著查看你的網(wǎng)站，但它花了很長時(shí)間才加載。"

不管你為什么在這里讀這篇文章，你來對地方了。在這篇文章中，我們將討論你可以做些什么來評估和提高你的網(wǎng)站的速度——而不需要雇傭一個(gè)開發(fā)者來仔細(xì)檢查你的網(wǎng)站。

為什么網(wǎng)站速度很重要？

如今，我們都期待即時(shí)的滿足。我們希望食物能快速準(zhǔn)備好，食品雜貨（以及幾乎所有其他東西)能送到我們家門口，包裹能在兩天內(nèi)（或更短時(shí)間內(nèi))送到……網(wǎng)頁能在不到一秒的時(shí)間內(nèi)加載。

事實(shí)上，根據(jù)谷歌的說法，簡單地將頁面的加載時(shí)間從一秒增加到3秒可以提高32%的跳出率。而那只是2秒鐘的差別！在10秒的加載時(shí)間內(nèi)，跳出率上升了123%。

由于谷歌的目標(biāo)是將人們與他們正在尋找的網(wǎng)頁和網(wǎng)站聯(lián)系起來，他們非常重視提高跳出率的東西。畢竟，跳出率高說明用戶體驗(yàn)差。由于谷歌不想讓人們?nèi)チ钊司趩实牧淤|(zhì)網(wǎng)站，加載速度慢的網(wǎng)站會被谷歌的算法降格。

無論是有機(jī)搜索結(jié)果還是付費(fèi)搜索結(jié)果都是如此。

所以，如果你想提高搜索引擎優(yōu)化性能、掃描電鏡性能或者只是你的整體用戶體驗(yàn)，提高你的網(wǎng)站速度是一個(gè)很好的開始。

什么是網(wǎng)站速度？

有很多不同的方法來評估網(wǎng)站速度，但最重要的是用戶體驗(yàn)：在你的用戶感覺你的頁面被加載之前需要多長時(shí)間？

這實(shí)際上是一個(gè)重要的問題，因?yàn)樵谀愕挠脩粽J(rèn)為頁面已經(jīng)加載完畢之后很久，許多頁面還在繼續(xù)加載元素（廣告、腳本、跟蹤代碼等)。這就是為什么谷歌報(bào)告說，平均移動登錄頁面需要22秒才能"完全加載",但我們大多數(shù)人很少遇到一個(gè)頁面實(shí)際上需要這么長時(shí)間才能出現(xiàn)。

你的用戶關(guān)心的是感知的加載時(shí)間。這與您的滿載時(shí)間非常不同。

所以，拋開谷歌的"22秒"這個(gè)數(shù)字，一個(gè)頁面的正常加載時(shí)間是多少？根據(jù)度量標(biāo)準(zhǔn)，平均感知負(fù)載速度約為8.66秒。

以下是不同行業(yè)和國家的數(shù)據(jù)分類：

這些數(shù)字都是基于移動登錄頁面的，但是由于超過50%的網(wǎng)流量是移動的（并且頁面在移動設(shè)備上的加載速度往往比桌面慢),所以在本文中，我們將重點(diǎn)關(guān)注移動設(shè)備的加載時(shí)間。

現(xiàn)在，所有這些數(shù)字都遠(yuǎn)低于谷歌報(bào)告的22秒。這是個(gè)好現(xiàn)象，但有個(gè)問題。

回到谷歌對網(wǎng)站速度的研究，谷歌報(bào)告稱，如果加載時(shí)間超過3秒，53%的人會離開移動頁面。

您在圖表上看到任何低于3秒的感知加載時(shí)間了嗎？我也不知道。

這對你來說是個(gè)好消息。標(biāo)準(zhǔn)真的沒有定得那么高。由于大多數(shù)網(wǎng)站在移動設(shè)備上加載緩慢，緩慢的加載時(shí)間會導(dǎo)致糟糕的營銷業(yè)績，如果你能把大多數(shù)頁面的加載時(shí)間降低到3秒以內(nèi)，那么你就有機(jī)會在競爭中脫穎而出。

你目前的網(wǎng)站速度是多少？

在這一點(diǎn)上，你可能想知道你的網(wǎng)站速度到底是多少。你如何衡量？

嗯，有幾種方法可以檢查這個(gè)。

首先是拿出手機(jī)，使用秒表應(yīng)用。在一個(gè)新的私人瀏覽器標(biāo)簽上打開你的頁面，并記錄頁面加載的時(shí)間。

這有利于檢查你的實(shí)際用戶體驗(yàn)，但它可能并不總是測量網(wǎng)站速度的最準(zhǔn)確的方法。根據(jù)您的網(wǎng)速和各種其他因素，您的頁面加載速度可能會快于（或慢于)大多數(shù)客戶。

不過，如果你正在尋找一個(gè)好的直覺，這是一個(gè)不錯(cuò)的開始。例如，我比較了幾十個(gè)網(wǎng)站，注意到某些平臺——如Shopify——在優(yōu)化感知加載時(shí)間方面做得很好。它們的完整加載時(shí)間可能并不是很長，但是從用戶的角度來看，這并不重要。

另一種更官方的檢查加載時(shí)間的方法是使用網(wǎng)站速度測試工具。這些工具使用特定國家的特定服務(wù)器加載您的頁面，并使用這些數(shù)據(jù)來評估您網(wǎng)站的速度。它們也為你提供了更多的信息，比如關(guān)于你的頁面上哪些元素減慢了速度的細(xì)節(jié)。

有很多網(wǎng)站速度工具，但這里有幾個(gè)我最喜歡的：

1.谷歌的頁面速度洞察

老實(shí)說，雖然我認(rèn)識的許多技術(shù)人員都對PageSpeed洞察有所抱怨，但對于快速、直接的分析來說，谷歌的PageSpeed洞察是一個(gè)很好的資源。

舉個(gè)簡單的例子，讓我們使用我的個(gè)人自由職業(yè)網(wǎng)站。就在我建立它之后，我拍了一些我的PageSpeed洞察結(jié)果的截圖，它們會讓你很好地感受到你可以從谷歌的工具中獲得的那種信息。

首先，谷歌向你展示了你的網(wǎng)站與谷歌見過的其他網(wǎng)站的比較：

總而言之，還不算太寒酸。不是世界上最快的網(wǎng)站，但也不可怕。

好消息是，谷歌給了你很多關(guān)于網(wǎng)站加載速度的信息，以及你可以做些什么來改善這些信息：

這些建議中有許多是給開發(fā)人員的相當(dāng)技術(shù)性的建議，但是其中一些您可能可以自己處理。我們一會兒會談到這些。

2.GTMetrix

公制單位是尋找洞察力的另一個(gè)好地方。在許多方面，這些信息比你從谷歌頁面速度洞察上獲得的信息更容易接近，所以它通常是我的第二大資源。

為了向你展示它是如何工作的，讓我們來看看我最近為一家名為新世界維京的公司建立的網(wǎng)站：

在這里，你可以看到網(wǎng)站的狀態(tài)非常好。它在1.4秒內(nèi)加載，頁面速度得分為95%。他們能改進(jìn)一些東西嗎？當(dāng)然，但是和大多數(shù)網(wǎng)站相比，這個(gè)網(wǎng)站真的很快。

關(guān)于GTMetrix的偉大之處在于，它還包括您的YSlow分?jǐn)?shù)，該分?jǐn)?shù)使用雅虎！的網(wǎng)頁性能標(biāo)準(zhǔn)，給你一個(gè)網(wǎng)站速度的替代措施。沒人用雅虎！但是如果你正在尋找提高網(wǎng)站速度的方法，有另一套標(biāo)準(zhǔn)可以參考是很好的。

在這里，你可以看到有一些額外的方法來提高網(wǎng)站速度，但大多數(shù)都是相當(dāng)技術(shù)性的。同樣，我們將探討如何自行改進(jìn)您的網(wǎng)站，但如果您身邊有開發(fā)人員，您可能希望請他們看一下您的GTMetrix得分，并向您提供他們的意見。

3.Pingdom

最后，為了真正深入、持續(xù)地分析你的網(wǎng)站，你可能想試試乒壇.除了幫助你評估你的網(wǎng)站的速度，Pingdom還會隨著時(shí)間的推移監(jiān)控你的頁面速度。

當(dāng)然，你必須為他們的頁面監(jiān)控服務(wù)付費(fèi)，但是從14.95美元起，這并不算貴。

也就是說，如果你不是很懂技術(shù)，又沒有現(xiàn)成的渠道可以聯(lián)系到懂技術(shù)的人，那么Pingdom可能比你需要的更多。這完全取決于你，你的資源和你的網(wǎng)站的需求。

如何提高你的網(wǎng)站速度

既然我們已經(jīng)討論了你的網(wǎng)站速度如何影響你的在線營銷表現(xiàn)，以及一些你可以用來檢查你的加載時(shí)間的工具，讓我們來看看一些簡單的方法來提高你的網(wǎng)站速度。

最大化你的網(wǎng)站速度是一個(gè)巨大的話題，需要大量的技術(shù)知識。這可能超出了您自己想要解決的問題，但是您可以做幾件簡單的事情來提高性能，而無需雇用開發(fā)人員。讓我們來看看。

縮小圖像尺寸

不幸的是，圖像是一把雙刃劍。雖然高質(zhì)量的圖像是創(chuàng)建一個(gè)引人注目的網(wǎng)站的重要組成部分，但它們也會大大降低你的加載時(shí)間。

請記住，大多數(shù)人只能忍受2-3秒的頁面加載時(shí)間，所以如果這些漂亮的圖片不能快速加載，它們可能會扼殺潛在的銷售，而不是幫助他們！

根據(jù)一般經(jīng)驗(yàn)，大多數(shù)圖像應(yīng)該小于100千字節(jié).

但這帶來了一個(gè)問題。大多數(shù)高質(zhì)量照片都比100 kb大得多，因此您可能需要調(diào)整它們的大小。幸運(yùn)的是，如果你知道自己在做什么，那其實(shí)相當(dāng)容易。

例如，要在用計(jì)算機(jī)修改（圖片或照片）中調(diào)整照片的大小，請?jiān)谟糜?jì)算機(jī)修改（圖片或照片）中打開圖像，然后單擊文件導(dǎo)出存儲為網(wǎng)格式：

然后，您可以嘗試各種設(shè)置，直到找到文件大小和圖像質(zhì)量之間的平衡點(diǎn)（顏色編碼以匹配它們在下圖中的顯示位置):

質(zhì)量。數(shù)字越小=圖像質(zhì)量越低，文件越小。

文件格式。文件大小方面，JPEG GIF PNG .但是，同樣的規(guī)則也適用于圖像質(zhì)量。

優(yōu)化。選中該框會告訴用計(jì)算機(jī)修改（圖片或照片）優(yōu)化您的圖像以供網(wǎng)使用（減小圖像大小)。

顏色。顏色越少=圖像質(zhì)量越低，文件越小。

圖像大小。允許您選擇圖像中的實(shí)際像素?cái)?shù)。像素越少=圖像越小，文件越小。請記住，如果您保存的圖像尺寸小于頁面上顯示的尺寸，您的圖像可能會被拉伸以適應(yīng)頁面，從而導(dǎo)致嚴(yán)重的像素化和/或圖像失真。

您可以在窗口的左下角看到文件大小。當(dāng)您更改導(dǎo)出設(shè)置時(shí)，此數(shù)字以及最終圖像的預(yù)覽將會更新。

用計(jì)算機(jī)修改（圖片或照片）的"存儲為網(wǎng)格式"工具使得平衡圖像質(zhì)量和文件大小變得相當(dāng)容易。這樣，你就可以確保你的圖片真正銷售你的產(chǎn)品，而不影響加載速度。

如果用計(jì)算機(jī)修改（圖片或照片）超出你的價(jià)格范圍，試試金帕.它是免費(fèi)的，GIMP有一個(gè)工具可以做和用計(jì)算機(jī)修改（圖片或照片）的"保存為網(wǎng)頁格式"工具一樣的基本工作。

老實(shí)說，在你自己能做的所有網(wǎng)站速度優(yōu)化中，優(yōu)化你的圖片將對你的網(wǎng)站速度產(chǎn)生最大的影響。服務(wù)器顯示頁面所需處理的千字節(jié)(kb)數(shù)據(jù)越少，加載速度就越快。

清理你的插件

說到插件…當(dāng)涉及到網(wǎng)站速度時(shí)，它們并不都是有用的。雖然插件是修改你的網(wǎng)站并使其獨(dú)一無二的好方法，但是它們會給你的主題添加額外的非本地代碼。這些代碼可能會導(dǎo)致網(wǎng)站加載速度變慢。

在運(yùn)行他們的網(wǎng)站時(shí)，商家添加各種插件。但是，隨著時(shí)間的推移，很多插件都半途而廢了。他們不再被需要，但是他們?nèi)匀辉谙到y(tǒng)中——活躍，但是無用。

其實(shí)比沒用還糟。

如前所述，這些插件會加重你網(wǎng)站的負(fù)擔(dān)。如果你真的從插件中獲得了價(jià)值，這沒什么大不了的，但是如果它不是你需要的插件，把它留在你的網(wǎng)站上會減慢你的加載時(shí)間。

解決辦法？仔細(xì)檢查你的插件，刪除任何你不真正需要的插件。如果你以后需要它，那么重新安裝它——不要讓它影響你的加載時(shí)間。

縮小半鑄鋼鋼性鑄鐵(Cast Semi-Steel)

每個(gè)網(wǎng)站都使用層疊樣式表(CSS)來管理網(wǎng)站的外觀和風(fēng)格。雖然大多數(shù)網(wǎng)站平臺和建設(shè)者提供了一個(gè)用戶友好的界面，自動調(diào)整您的網(wǎng)站代碼，以符合您的喜好，CSS總是在后臺做繁重的工作。

不幸的是，如果用來創(chuàng)建網(wǎng)站的后臺半鑄鋼鋼性鑄鐵(Cast Semi-Steel)設(shè)計(jì)得不好，它真的會降低網(wǎng)站的速度。為了加載你的站點(diǎn)，瀏覽器讀取并解釋你的CSS .所以，你的半鑄鋼鋼性鑄鐵(Cast Semi-Steel)越復(fù)雜，瀏覽器就要花越長的時(shí)間來判斷它實(shí)際上應(yīng)該顯示什么。

好消息是，這是一個(gè)很常見的問題，有各種各樣的插件可以用來"縮小"(也就是優(yōu)化)你的CSS .它不是免費(fèi)的，但是如果你使用WP火箭是一個(gè)不錯(cuò)的選擇。

例如，在用WP火箭縮小我的半鑄鋼鋼性鑄鐵(Cast Semi-Steel)后，我在谷歌頁面速度洞察上的排名發(fā)生了變化：

加載速度上15點(diǎn)的差異是不可忽視的——尤其是設(shè)置它只需要5分鐘WP火箭?；ㄙM(fèi)了一點(diǎn)錢(49.95美元),但它非常容易使用，迄今為止我已經(jīng)有了很好的體驗(yàn)。

結(jié)論

優(yōu)化網(wǎng)站速度可能不是你今年做的最令人興奮的事情，但它會對你的在線營銷的成功產(chǎn)生很大的影響。你的網(wǎng)站體驗(yàn)會更有吸引力——對你的潛在客戶來說。這意味著更多的流量，轉(zhuǎn)換和銷售。

雖然您的站點(diǎn)可能需要比我們在這里介紹的更多的調(diào)整，但是這篇文章是一個(gè)很好的起點(diǎn)。了解加載速度的基本原理以及如何控制加載速度將會在未來幾年提高你的網(wǎng)站的性能。

你的網(wǎng)站速度怎么樣？你覺得這些內(nèi)容有幫助嗎？有什么問題我們可以回答嗎？請?jiān)谙旅娴脑u論中留下你的想法！

亞丁安德魯斯作者

在他的職業(yè)生涯中，亞丁開發(fā)并銷售了價(jià)值數(shù)百萬美元的成功產(chǎn)品。他晚上睡不著覺，琢磨新的營銷策略，并不斷升級顛覆性的內(nèi)部營銷游戲。他喜歡穿著中世紀(jì)的盔甲寫作、跳舞和破壞電腦顯示器。

西寧包裝設(shè)計(jì)公司

通過西寧包裝設(shè)計(jì)公司的精彩分享，設(shè)計(jì)師更輕松快捷地掌握西寧包裝設(shè)計(jì)公司分享的營銷與設(shè)計(jì)知識，幫助北京vi設(shè)計(jì)公司更好地服務(wù)好客戶 。