要優(yōu)化網(wǎng)站的速度,您必須同時(shí)執(zhí)行軟件和硬件。從網(wǎng)站程序和頁(yè)面設(shè)計(jì)本身,您可以解決Web資源的加載問(wèn)題。然后服務(wù)器本身需要有足夠的帶寬和處理資源。讓我們輪流與你交談。
我們打開一個(gè)網(wǎng)頁(yè),只看到前端,所以我們看到頁(yè)面背后的支持是HTML代碼,其中包含各種網(wǎng)頁(yè)標(biāo)簽,包括網(wǎng)站優(yōu)化中的TKD,加載的渲染資源:java,Css,已經(jīng)頁(yè)面內(nèi)容:圖片,音頻,視頻等
首先,代碼很簡(jiǎn)單
減少代碼冗余并保持簡(jiǎn)單的代碼風(fēng)格。這是網(wǎng)頁(yè)程序員的必修課。它也可以達(dá)到效果。您可以使用css而不是js。如果您可以使用兩行代碼解決問(wèn)題,請(qǐng)不要寫三行。這是最基本的一點(diǎn)。
第二,減少資源負(fù)荷
藤設(shè)計(jì)提到的資源主要是指js和css文件,因?yàn)槲抑垃F(xiàn)在很多前端開發(fā)人員都喜歡使用各種開源效果或其他人的效果,包括在網(wǎng)站上添加幾個(gè)圖標(biāo)。介紹一個(gè)開源圖標(biāo)字體庫(kù),引入一些特殊效果的js和css文件,這不可避免地增加了網(wǎng)站的重量。

第三,圖片使用延遲加載,禁止自動(dòng)播放視頻或音頻
我還記得上奇云曾在淚水博客上寫過(guò)“懶惰加載會(huì)影響網(wǎng)站的SEO優(yōu)化”,其中說(shuō)如何使用圖片延遲加載技術(shù)來(lái)改善用戶體驗(yàn)而不影響網(wǎng)站優(yōu)化,因?yàn)閼屑虞d是為了防止頁(yè)面在打開后立即加載。這將占用網(wǎng)絡(luò)帶寬,這將影響網(wǎng)站的開放速度和網(wǎng)站 個(gè)屏幕的請(qǐng)求。因此,非文本圖像可以延遲加載。
圖片對(duì)于每個(gè)網(wǎng)站來(lái)說(shuō)基本上都是必不可少的,但是對(duì)于做視頻和音頻的網(wǎng)站,如果你打開頁(yè)面并自動(dòng)播放,被占用的網(wǎng)站有更多的帶寬資源,所以這也是一個(gè)小的網(wǎng)站優(yōu)化速度。知識(shí)。
第四,使用CDN加速靜態(tài)資源
討論了CDN加速的使用是否會(huì)影響網(wǎng)站優(yōu)化。尚其云對(duì)整個(gè)網(wǎng)站的CDN加速有一些不滿,但對(duì)于網(wǎng)站靜態(tài)資源的CDN加速圖像或緩存優(yōu)化非常重要。人們認(rèn)識(shí)到,例如,網(wǎng)站的js,css,圖片和其他文件的CDN加速金山網(wǎng)站建設(shè)更有利于整個(gè)網(wǎng)站的加載和打開速度。
五,提高頁(yè)面渲染速度
在頭樣式表中編寫CSS樣式以減少由CSS文件網(wǎng)絡(luò)請(qǐng)求引起的呈現(xiàn)阻塞。
將Java放在文檔的末尾,或使用async加載它,以避免JS執(zhí)行阻塞呈現(xiàn)。
指定非文本元素(如圖像,視頻)的寬度和高度,以避免重新繪制瀏覽器重新排列。
六,服務(wù)器本身的速度優(yōu)化
啟用服務(wù)器Gzip壓縮;
升級(jí)或確保服務(wù)器的足夠網(wǎng)絡(luò)帶寬;
打開站點(diǎn)緩存以利用本地緩存。
此外,由于網(wǎng)絡(luò)安全的重要性,如果您的網(wǎng)站安裝了SSL證書并啟用了HTTPS,則可以啟用HTTPS / 2或SPDY以在某種程度上加快網(wǎng)站的開放速度。