嫩草影院久久99_老司机午夜网站国内精品久久久久久久久_久久夜色精品国产_国产一级做a爰片久久毛片

幫助你優(yōu)化網(wǎng)站，提高頁面速度的10種基礎(chǔ)方法

2020-7-9 seo達(dá)人

如今，Page Speed（頁面速度）的意義非凡。

自從Google改變Googlebot's的算法以高度支持快速，適合移動設(shè)備的網(wǎng)站以來，擁有快速網(wǎng)站變得越來越重要。如果這還不夠好，用戶通常會花更少的時間，轉(zhuǎn)化率也會更低，你的網(wǎng)站體驗越慢，用戶的轉(zhuǎn)化率就越低。

什么是Page Speed

Page Speed是將內(nèi)容完全加載到網(wǎng)頁上所花費的時間。

對于任何給定的用戶來說，頁面緩慢的原因可能有很多，你的用戶可能正在火車上，通過信號弱的隧道，或者他們的互聯(lián)網(wǎng)速度很慢。

通過遵循最佳實踐，我們至少可以通過確保我們已經(jīng)做了最好的工作來緩解問題。

現(xiàn)在你知道它是什么了，下面我就來教你如何提高頁面速度。

注意：這些是按難度順序列出的。在某個時候，你將需要開發(fā)人員來幫助優(yōu)化你的網(wǎng)站。

1.使用CDN

CDN是內(nèi)容傳輸網(wǎng)絡(luò)的縮寫。使用CDN可以讓你有效地訪問全球數(shù)百臺小服務(wù)器，這些服務(wù)器為你提供網(wǎng)站的副本，大大減少了你的網(wǎng)站獲取時間。如果你沒有使用CDN，你的網(wǎng)站的每一個請求（包括圖片、CSS和JavaScript）都會被緩慢地傳送到你的服務(wù)器上。

根據(jù)HTTPArchive中的4.68億個請求，48%的請求不是來自CDN。那是超過2.24億的請求，如果他們花幾分鐘的時間給自己的網(wǎng)站添加一個CDN，速度可能會超過50%。

一定要檢查你的CDN配置是否正確——在你的CDN中緩存丟失意味著CDN必須向你的源服務(wù)器請求資源，這就違背了使用CDN的初衷！所以，你的CDN必須要有一個正確的配置。

2.啟用GZIP壓縮

在一些CDN上，GZIP壓縮只是一個標(biāo)有 "啟用壓縮 "的復(fù)選框。這大概會減少一半的文件大小，你的用戶需要下載文件才能使用你的網(wǎng)站，你的用戶會因此而喜歡你。

3.使用較小的圖像

這意味著既要降低分辨率（例如，攝像頭的輸出從4000x3000像素減少到網(wǎng)絡(luò)的1000x750），又要通過壓縮文件來減小尺寸。

如果你的網(wǎng)站使用WordPress，則有一些插件會在你上傳圖片時自動為你執(zhí)行此操作。

在撰寫博客文章時，我個人使用TinyJPG壓縮圖像。

https://tinyjpg.com/

4.減少頁面發(fā)出的請求數(shù)

目標(biāo)是減少加載頁面頂部部分所需的請求數(shù)量。

這里有兩種思維方式，你可以：

通過刪除花哨的動畫或不能改善網(wǎng)站體驗的圖像，減少整個頁面上的請求數(shù)量。

或者，你可以通過使用延遲加載來推遲優(yōu)先級不高的加載內(nèi)容。

5.盡可能避免重定向

重定向會大大降低網(wǎng)站速度。使用響應(yīng)式CSS并從一個域為你的網(wǎng)站提供服務(wù)，而不是為移動用戶提供特殊的子域。

有些重定向是不可避免的，比如 www-> 根域或根域 ->www，但你的大部分流量不應(yīng)該經(jīng)歷重定向來查看你的網(wǎng)站。

6.減少到第一個字節(jié)的時間

到第一個字節(jié)的時間是指你的瀏覽器在發(fā)出資源請求后，從服務(wù)器接收到第一個字節(jié)的數(shù)據(jù)所花費的時間。

有兩個部分：

在服務(wù)器上花費的時間

發(fā)送數(shù)據(jù)所花費的時間

你可以通過優(yōu)化你的服務(wù)器端渲染、數(shù)據(jù)庫查詢、API調(diào)用、負(fù)載平衡、你的應(yīng)用程序的實際代碼以及服務(wù)器的負(fù)載本身（特別是如果你使用的是廉價的虛擬主機——這將影響你的網(wǎng)站的性能），來改善你在服務(wù)器上花費的時間。

你可以使用CDN大大減少發(fā)送數(shù)據(jù)所花費的時間。

7.減少并刪除阻止渲染的JavaScript

外部腳本（特別是那些用于營銷的外部腳本）往往會寫得很差，會阻止你的頁面加載，直到它運行完畢。

你可以通過將外部腳本標(biāo)記為異步來減少這種影響：

你還可以延遲加載市場營銷腳本，直到用戶開始滾動為止：

window.addEventListener(

'scroll',

() =>

setTimeout(() => {

// 在此插入營銷片段

}, 1000),

{ once: true }