公主的腿间舌奴们np肉_国产在热线精品视频99公交_公主车上荫蒂添的好舒服_公侵犯人妻中文字慕一区二区_公么大龟弄得我好舒服秀_公交车+多人+高cH文章推荐_日本熟妇另类视频在线播放

幫助你優(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ù)載本身(特別是如果你使用的是廉價的虛擬主機(jī)——這將影響你的網(wǎng)站的性能),來改善你在服務(wù)器上花費的時間。


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


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

外部腳本(特別是那些用于營銷的外部腳本)往往會寫得很差,會阻止你的頁面加載,直到它運(yùn)行完畢。


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


<script async src="https://example.com/external.js"></script>

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


window.addEventListener(

 'scroll',

 () =>

   setTimeout(() => {

     // 在此插入營銷片段

   }, 1000),

 { once: true }

);

8.縮小CSS和JS

Minifying是指使用工具來刪除空格、換行符和縮短變量名。通常情況下,這將作為構(gòu)建過程的一部分自動完成。


要縮小JavaScript,請查看UglifyJS。


http://lisperator.net/uglifyjs/


要縮小CSS,請查看cssnano。


9.刪除未使用的CSS

自Chrome 59(2017年4月發(fā)布)以來,在Chrome DevTools中可以看到未使用的JS和CSS。


要看這個,打開DevTools,顯示控制臺抽屜(就是點擊Esc時出現(xiàn)的那個煩人的東西),點擊左下角的三個小點,打開 "Coverage",就可以看到。


點擊帶有重新加載圖標(biāo)的按鈕將刷新頁面,并審核CSS和JS的使用情況。


在Google Chrome瀏覽器中審核初始頁面時,外觀如下所示:




10.定期跟蹤網(wǎng)站速度

在你的網(wǎng)站速度變慢的瞬間,修復(fù)網(wǎng)站速度問題就會容易得多。除此之外,如果你把檢查網(wǎng)站速度作為一種習(xí)慣,那么修復(fù)網(wǎng)站速度慢的問題就會變成一件小得多的事情。


有免費的工具可以監(jiān)視你網(wǎng)站的速度,其中的兩個是WebPageTest和Google Lighthouse。這些工具的缺點是你需要記住在進(jìn)行更改之前和之后都必須運(yùn)行它們。


PerfBeacon是一項服務(wù)(由本文的作者創(chuàng)建),該服務(wù)定期運(yùn)行Google Lighthouse,并讓你隨時跟蹤網(wǎng)站的速度。


藍(lán)藍(lán)設(shè)計tweetduck.com )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 平面設(shè)計服務(wù)

日歷

鏈接

個人資料

存檔

舒兰市| 阿合奇县| 九龙坡区| 视频| 阳春市| 景谷| 广宁县| 东阳市| 滦平县| 河南省| 台山市| 巨野县| 漳州市| 上犹县| 铜山县| 高平市| 晋城| 江达县| 屯昌县| 定陶县| 尚义县| 措美县| 白玉县| 栖霞市| 赞皇县| 榕江县| 泰和县| 鲜城| 邯郸县| 盐源县| 抚顺县| 建湖县| 原平市| 白城市| 建始县| 阿克| 杭锦后旗| 兰溪市| 仲巴县| 庆城县| 西乌珠穆沁旗|