400-611-9921
2019-02-18
3125
這不是一個(gè)技巧問(wèn)題:你的網(wǎng)站足夠快嗎?網(wǎng)頁(yè)加載時(shí)間可能會(huì)影響用戶在您的網(wǎng)站上停留多長(zhǎng)時(shí)間(或者如果他們看到內(nèi)容),搜索排名和整體轉(zhuǎn)化次數(shù)。
速度在兩個(gè)方面都很重要 - 對(duì)于臺(tái)式機(jī)和移動(dòng)設(shè)備 - 移動(dòng)速度比以往更加重要。您的網(wǎng)站不僅需要快速加載; 它需要在任何地方快速加載。
你是怎么做到的?首先運(yùn)行Google PageSpeed測(cè)試,看看您的網(wǎng)站在哪里排名(您還會(huì)獲得一些關(guān)于加快網(wǎng)站速度的建議)。然后,開(kāi)始進(jìn)行這些調(diào)整,以使您的網(wǎng)站今年閃電般快速。
1.立即開(kāi)始緩存
讓我們從專家的提示開(kāi)始。Google將緩存置于其建議列表的首位:
“緩存允許瀏覽器在設(shè)定的時(shí)間段內(nèi)將頻繁請(qǐng)求的文件存儲(chǔ)在用戶的設(shè)備上。啟用緩存后,后續(xù)頁(yè)面加載可以更有效?!?br/>
緩存將您網(wǎng)站的組件存儲(chǔ)在用戶的緩存中,這樣當(dāng)它們返回時(shí),不必再次下載所有內(nèi)容。因此,訪問(wèn)者第一次訪問(wèn)您的網(wǎng)站時(shí),可能需要3秒才能加載,但后續(xù)訪問(wèn)可能會(huì)縮短到不到一秒,因?yàn)樗羞@些數(shù)據(jù)已經(jīng)與用戶“存儲(chǔ)”。
雖然緩存對(duì)新訪問(wèn)者來(lái)說(shuō)并不是很有用,但對(duì)于回訪者(或?yàn)g覽網(wǎng)站多個(gè)頁(yè)面的人)來(lái)說(shuō),這是一個(gè)驚人的速度節(jié)省。
2.優(yōu)化圖像
你正在保存網(wǎng)絡(luò)圖像,對(duì)嗎?
在2019年,很難相信許多網(wǎng)站所有者仍在將完整尺寸的圖片上傳到他們的網(wǎng)頁(yè)。這是速度殺手。
在上傳之前將圖像裁剪為必要的形狀和大小。盡可能壓縮文件大小而不影響視覺(jué)元素。以小文件格式保存 - JPG始終保存小于PNG,使用以前的文件格式,除非您需要后者的透明度。
您可以在Adobe Photoshop等軟件中自行優(yōu)化所有這些,或者嘗試免費(fèi)的在線工具,如Compressor。
3.嵌入巨大的文件(如視頻)
YouTube可以快速托管和提供視頻內(nèi)容。
巨大的文件可以從您的網(wǎng)站中吸取帶寬。它們很難管理和壓縮。
從您的網(wǎng)站上獲取這些文件并使用媒體嵌入從外部托管平臺(tái)提取此信息。
可以這樣想:YouTube可以快速托管和提供視頻內(nèi)容。你不能比這個(gè)怪物做得更好。因此,將它用于您的優(yōu)勢(shì)并將視頻文件存儲(chǔ)在YouTube(或您選擇的Vimeo或其他視頻平臺(tái))上,并將內(nèi)容嵌入到您的設(shè)計(jì)中。用戶不會(huì)知道差異......但他們會(huì)注意到您的網(wǎng)站加載速度有多快。
4.小心JavaScript
您網(wǎng)站上發(fā)生的大多數(shù)很酷的東西都可能是JavaScript的產(chǎn)物。它會(huì)變得沉重。但如果你關(guān)心如何處理JS查詢和加載,那就沒(méi)關(guān)系。
對(duì)JavaScript文件使用異步加載:這會(huì)加速頁(yè)面,因?yàn)槲募峭瑫r(shí)加載的,而不是從上到下加載。異步加載的漂亮技巧是,如果一個(gè)文件卡住或停止,它不會(huì)使其余文件陷入困境; 這些腳本將繼續(xù)加載和運(yùn)行。
推遲加載一些JS文件:告訴一些JS文件,特別是那些不影響直接功能的大文件,在所有其他元素完成后加載。你可以在這里學(xué)習(xí)。
優(yōu)化和縮小:這只是很有意義 - 較小的文件將加載更快。不要忘記縮小JS。
將JavaScript放在文件的底部:其他元素和JS不能很好地加載。通過(guò)在JavaScript之前加載HTML內(nèi)容來(lái)解決此問(wèn)題。
5.消除不必要的重定向
你還在重新設(shè)計(jì)頁(yè)面嗎?停下來(lái)。那是在扼殺加載時(shí)間。
雖然某些重定向是必要的惡魔,但要將它們保持在最低限度。
使用諸如Redirect Mapper之類的工具來(lái)確定您網(wǎng)站上的重定向活動(dòng),并消除您不知道哪些重定向。繼續(xù)前進(jìn),請(qǐng)考慮更新過(guò)時(shí)頁(yè)面,而不是添加具有類似內(nèi)容的新頁(yè)面。這對(duì)于搜索優(yōu)化來(lái)說(shuō)要好得多,所有這些鏈接都將繼續(xù)有效!
6.選擇正確的主機(jī)
正確的托管帳戶可以提高或縮短速度。如果你在這里嘗試過(guò)許多其他修復(fù)程序并且仍然存在速度問(wèn)題,那么你的主機(jī)可能會(huì)受到指責(zé)。
有這么多選擇,很難找到最好的托管計(jì)劃。當(dāng)涉及到為速度而構(gòu)建的托管時(shí),請(qǐng)尋找專用服務(wù)器選項(xiàng)。大多數(shù)網(wǎng)站所有者的首選是VPS托管,它提供更快的加載時(shí)間,但您不必自己管理托管。
不知道從哪里開(kāi)始托管?以下是為速度而構(gòu)建的七個(gè)主機(jī)選項(xiàng)的細(xì)分。
7.最小化HTTP請(qǐng)求
每次用戶訪問(wèn)您的網(wǎng)站時(shí)必須下載的頁(yè)面元素?cái)?shù)量會(huì)顯著影響加載時(shí)間。這包括從圖像到樣式表到腳本的所有內(nèi)容,這些前端組件可以占到80%的加載時(shí)間。
最好的解決方案是使用組合文件來(lái)減少請(qǐng)求數(shù)量。這意味著將所有CSS放在一個(gè)樣式表中或盡可能組合腳本。
這一切都?xì)w結(jié)為輕量級(jí)代碼和最佳實(shí)踐。每個(gè)瀏覽器必須讀取的越多,加載所需的時(shí)間就越長(zhǎng)。
8.刪除不必要的插件
沒(méi)有什么能比像一堆一直在運(yùn)行的插件一樣壓低網(wǎng)站。(你真的需要Google Analytics插件嗎?)
盡可能擺脫插件冗余。Ditch插件沒(méi)有更新的規(guī)則性,也不適用于您網(wǎng)站環(huán)境的當(dāng)前版本。
對(duì)于你可以手動(dòng)完成的事情......使用插件退出。它們只會(huì)減慢您的網(wǎng)站速度。
9.啟用延遲加載
如果滾動(dòng)上方的元素加載比其他所有元素快一點(diǎn)怎么辦?這是可以用于更重,更復(fù)雜頁(yè)面的“技巧”之一。
延遲加載對(duì)于長(zhǎng)滾動(dòng)頁(yè)面非常理想。它會(huì)從頁(yè)面的頂部到底部加載內(nèi)容,如果您的頁(yè)面在滾動(dòng)下面有大量圖像(即使它確實(shí)與此處概述的其他一些建議相悖),效果也很好。有選擇權(quán),這對(duì)嗎?)
這實(shí)際上是一個(gè)花哨的緩存選項(xiàng)。
結(jié)論
您在做什么來(lái)確保您的網(wǎng)站在2019年為速度而建?
遵循桌面和移動(dòng)速度影響的最佳實(shí)踐,而不僅僅是用戶訪問(wèn)網(wǎng)站的速度。它還會(huì)影響網(wǎng)站排名,搜索優(yōu)化和轉(zhuǎn)化率。(如果頁(yè)面沒(méi)有加載,用戶應(yīng)該如何購(gòu)買產(chǎn)品?)
盡量開(kāi)始清理代碼并優(yōu)化您的網(wǎng)站,即使您每月只執(zhí)行其中一項(xiàng)操作,您也會(huì)開(kāi)始看到結(jié)果。祝好運(yùn)!
本文來(lái)自廣州品牌網(wǎng)站建設(shè)網(wǎng)站設(shè)計(jì)制作公司-縱天科技
標(biāo)簽:公司網(wǎng)站制作,廣州建設(shè)網(wǎng)站,官網(wǎng)建設(shè),網(wǎng)頁(yè)制作公司,建網(wǎng)站公司,企業(yè)建站,廣州網(wǎng)站建設(shè)公司,廣州網(wǎng)頁(yè)設(shè)計(jì)公司,廣州網(wǎng)站設(shè)計(jì)公司,廣州企業(yè)網(wǎng)站建設(shè)
400-611-9921
020-29860991
地址1:廣州市天河區(qū)珠江新城邦華環(huán)球廣場(chǎng)16F
業(yè)務(wù) QQ: 3561401262
E-mail: sales@zomsky.com
立即與縱天項(xiàng)目顧問(wèn)通話
400-611-9921
您也可以咨詢我們的在線客服或預(yù)約資深顧問(wèn)