2018-06-09 10:16
所有的搜索引擎排名與網(wǎng)站的加載速度或多或少有些關(guān)系,而這次百度閃電算法來(lái)了,將網(wǎng)站首頁(yè)打開(kāi)速度列入優(yōu)化排名行列,并明確指定打開(kāi)時(shí)間為2秒,那么我們?cè)谌绾巫龊镁W(wǎng)頁(yè)首頁(yè)的打開(kāi)速度呢?
要做好網(wǎng)站速度優(yōu)化,就必須要做好軟件和硬件兩個(gè)方面,從網(wǎng)站程序以及頁(yè)面設(shè)計(jì)本身解決網(wǎng)頁(yè)資源的加載,然后就是服務(wù)器本身需要有足夠的帶寬及處理資源,下面子凡就依次來(lái)與大家探討。
首先我們打開(kāi)一個(gè)網(wǎng)頁(yè)看到的都只是前端,所以我們看到一個(gè)頁(yè)面背后的支持就是HTML代碼,其中就包含了各種網(wǎng)頁(yè)標(biāo)簽,其中包括網(wǎng)站優(yōu)化中的TKD,載入的渲染資源:javascript、css,已經(jīng)頁(yè)面內(nèi)容:圖片、音頻、視頻等。
一、代碼的足夠簡(jiǎn)潔
減少代碼冗余,保持簡(jiǎn)潔的代碼風(fēng)格,這是作為一個(gè)網(wǎng)頁(yè)程序員的必修,能同樣實(shí)現(xiàn)一個(gè)效果的能用css就盡量不用js,能用兩行代碼解決問(wèn)題的就別寫(xiě)三行,這是最基礎(chǔ)的一點(diǎn)。
二、減少資源載入
這里子凡所說(shuō)的資源主要是指js、css文件,因?yàn)槲抑垃F(xiàn)在很多的前端開(kāi)發(fā)設(shè)計(jì)人員喜歡用各種開(kāi)源的特效或者別人做好的效果,其中包括為了給網(wǎng)站添加幾個(gè)圖標(biāo)就引入一個(gè)開(kāi)源的圖標(biāo)字體庫(kù),為了某個(gè)特效又在引入幾個(gè)js和css文件,這無(wú)形之中就為網(wǎng)站加重了“份量”。
三、圖片使用懶加載,視頻或音頻禁止自動(dòng)播放
還記得子凡曾在淚雪博客寫(xiě)過(guò)關(guān)于“圖片懶加載是否會(huì)影響網(wǎng)站SEO優(yōu)化”的文章,其中就說(shuō)到過(guò)如何合理的使用圖片懶加載技術(shù)提升用戶(hù)體驗(yàn)而不影響網(wǎng)站優(yōu)化,因?yàn)閼屑虞d是為了防止頁(yè)面一被打開(kāi)就立即載入圖片,這樣就會(huì)占用網(wǎng)絡(luò)帶寬,從而影響網(wǎng)站的打開(kāi)速度以及網(wǎng)站首屏的請(qǐng)求,所以非正文圖片都是可以做懶加載的。
圖片是每個(gè)網(wǎng)站基本都少不了的東西,但是對(duì)于做視頻、音頻的站點(diǎn)來(lái)說(shuō),如果打開(kāi)頁(yè)面就自動(dòng)播放,占用的網(wǎng)站帶寬資源都更多了,所以這也是一個(gè)網(wǎng)站打開(kāi)速度優(yōu)化的一個(gè)小知識(shí)。
四、使用CDN加速靜態(tài)資源
關(guān)于使用CDN加速是否影響網(wǎng)站優(yōu)化的文章子凡也曾有過(guò)討論,子凡對(duì)于網(wǎng)站整體做CDN加速還是有些不太認(rèn)同,但是對(duì)于將網(wǎng)站靜態(tài)資源做CDN加速鏡像或者緩存優(yōu)化卻是非常認(rèn)同的,例如將網(wǎng)站的js、css、圖片等文件做CDN加速是更有利于整個(gè)網(wǎng)站的加載和打開(kāi)速度的。
五、提升頁(yè)面渲染速度
將CSS樣式寫(xiě)在頭部樣式表中,減少由CSS文件網(wǎng)絡(luò)請(qǐng)求造成的渲染阻塞。
將JavaScript放到文檔末尾,或使用async方式加載,避免JS執(zhí)行阻塞渲染。
對(duì)非文字元素(如圖片,視頻)指定寬高,避免瀏覽器重排重繪。
六、服務(wù)器本身的速度優(yōu)化
啟用服務(wù)器Gzip壓縮功能;
開(kāi)啟數(shù)據(jù)庫(kù)查詢(xún)及頁(yè)面緩存功能(如果是直接生成靜態(tài)頁(yè)面的網(wǎng)站可忽略);
升級(jí)或者保證服務(wù)器足夠的網(wǎng)絡(luò)帶寬;
開(kāi)啟網(wǎng)站緩存,充分利用本地緩存。
同樣隨著網(wǎng)絡(luò)安全的重視程度,如果你的網(wǎng)站已經(jīng)安裝SSL證書(shū)啟用了HTTPS協(xié)議,那么你可以開(kāi)啟HTTPS/2或者SPDY這個(gè)功能,可以在某些程度上加速網(wǎng)站的打開(kāi)。
Tag: 閃電算法 百度 做好 網(wǎng)站
我們珍惜您每一次在線(xiàn)詢(xún)盤(pán),有問(wèn)必答,用專(zhuān)業(yè)的態(tài)度,貼心的服務(wù)。
讓您真正感受到我們的與眾不同!