Web性能優(yōu)化

tinylcy 發(fā)布于2019-08-30 11:19 / 3297人閱讀

摘要：性能可以通過(guò)以下幾方面來(lái)優(yōu)化方面減少請(qǐng)求合并文件精靈減少查詢緩存將資源分布到恰當(dāng)數(shù)量的主機(jī)名減少元素?cái)?shù)量方面使用配置對(duì)組件使用壓縮方面減小大小方面將樣式表放到頁(yè)面頂部不使用表達(dá)式使用不使用方面將腳本放到頁(yè)面底部將和從外部引入壓縮和刪除不需要

web性能可以通過(guò)以下幾方面來(lái)優(yōu)化
content方面
1、減少HTTP請(qǐng)求：合并文件、CSS精靈、inline Image

2、減少DNS查詢：DNS緩存、將資源分布到恰當(dāng)數(shù)量的主機(jī)名

3、減少DOM元素?cái)?shù)量

Server方面
1、使用CDN

2、配置ETag

3、對(duì)組件使用Gzip壓縮

Cookie方面
1、減小cookie大小

2、css方面

3、將樣式表放到頁(yè)面頂部

4、不使用CSS表達(dá)式

5、使用不使用@import

Javascript方面
1、將腳本放到頁(yè)面底部

2、將javascript和css從外部引入

3、壓縮javascript和css

4、刪除不需要的腳本

5、減少DOM訪問(wèn)

圖片方面
1、優(yōu)化圖片：根據(jù)實(shí)際顏色需要選擇色深、壓縮

2、優(yōu)化css精靈

3、不要在HTML中拉伸圖片

云服務(wù)器 GPU云服務(wù)器 web性能優(yōu)化性能優(yōu)化優(yōu)化系統(tǒng)性能網(wǎng)站性能優(yōu)化

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/114922.html

相關(guān)文章

前端性能優(yōu)化

摘要：端優(yōu)談?wù)勱P(guān)于前端的緩存的問(wèn)題我們都知道對(duì)頁(yè)面進(jìn)行緩存能夠有利于減少請(qǐng)求發(fā)送，從而達(dá)到對(duì)頁(yè)面的優(yōu)化。而作為一名有追求的前端，勢(shì)必要力所能及地優(yōu)化我們前端頁(yè)面的性能。這種方式主要解決了淺談前端中的過(guò)早優(yōu)化問(wèn)題過(guò)早優(yōu)化是萬(wàn)惡之源。優(yōu)化向：?jiǎn)雾?yè)應(yīng)用多路由預(yù)渲染指南 Ajax 技術(shù)的出現(xiàn)，讓我們的 Web 應(yīng)用能夠在不刷新的狀態(tài)下顯示不同頁(yè)面的內(nèi)容，這就是單頁(yè)應(yīng)用。在一個(gè)單頁(yè)應(yīng)用中，往往只有一...

Dean 2019-08-21 18:19 評(píng)論0 收藏0
Web 性能優(yōu)化：理解及使用 JavaScript 緩存

摘要：想閱讀更多優(yōu)質(zhì)文章請(qǐng)猛戳博客一年百來(lái)篇優(yōu)質(zhì)文章等著你這是性能優(yōu)化的第篇，上一篇在下面看點(diǎn)擊查看性能優(yōu)化使用分離數(shù)據(jù)的正確方法性能優(yōu)化圖片優(yōu)化讓網(wǎng)站大小減少性能優(yōu)化緩存事件來(lái)提高性能性能優(yōu)化種優(yōu)化和加快網(wǎng)站速度的方法隨著我們的應(yīng)用程序的不斷增 showImg(https://segmentfault.com/img/bVbp4cY?w=947&h=424); 想閱讀更多優(yōu)質(zhì)文章請(qǐng)猛戳Gi...

endiat 2019-08-23 16:09 評(píng)論0 收藏0
web性能優(yōu)化

摘要：性能優(yōu)化是一個(gè)比較大的一個(gè)問(wèn)題，不是一天兩天就能學(xué)會(huì)的，需要在日常中思考和學(xué)習(xí)。毫秒必爭(zhēng)，前端網(wǎng)頁(yè)性能最佳實(shí)踐這是一篇講關(guān)于性能優(yōu)化的。和的壓縮對(duì)頁(yè)面引用的樣式和文件進(jìn)行壓縮，合并一些和文件減少請(qǐng)求等，也是性能優(yōu)化的一個(gè)方法。 web性能優(yōu)化是一個(gè)比較大的一個(gè)問(wèn)題，不是一天兩天就能學(xué)會(huì)的，需要在日常中思考和學(xué)習(xí)。先收藏一篇文章，以后有時(shí)間在慢慢研究。毫秒必爭(zhēng)，前端網(wǎng)頁(yè)性能最佳實(shí)踐這是一...

Brenner 2019-08-23 15:23 評(píng)論0 收藏0
web性能優(yōu)化

摘要：性能優(yōu)化是一個(gè)比較大的一個(gè)問(wèn)題，不是一天兩天就能學(xué)會(huì)的，需要在日常中思考和學(xué)習(xí)。毫秒必爭(zhēng)，前端網(wǎng)頁(yè)性能最佳實(shí)踐這是一篇講關(guān)于性能優(yōu)化的。和的壓縮對(duì)頁(yè)面引用的樣式和文件進(jìn)行壓縮，合并一些和文件減少請(qǐng)求等，也是性能優(yōu)化的一個(gè)方法。 web性能優(yōu)化是一個(gè)比較大的一個(gè)問(wèn)題，不是一天兩天就能學(xué)會(huì)的，需要在日常中思考和學(xué)習(xí)。先收藏一篇文章，以后有時(shí)間在慢慢研究。毫秒必爭(zhēng)，前端網(wǎng)頁(yè)性能最佳實(shí)踐這是一...

iamyoung001 2019-08-02 14:17 評(píng)論0 收藏0
[譯] 唯快不破：Web 應(yīng)用的 13 個(gè)優(yōu)化步驟

摘要：譯文地址譯唯快不破應(yīng)用的個(gè)優(yōu)化步驟前端的逆襲知乎專欄原文地址時(shí)過(guò)境遷，應(yīng)用比以往任何時(shí)候都更具交互性。使用負(fù)載均衡方案我們?cè)谥坝懻摼彺娴臅r(shí)候簡(jiǎn)要提到了內(nèi)容分發(fā)網(wǎng)絡(luò)。換句話說(shuō)，元素的串形訪問(wèn)會(huì)削弱負(fù)載均衡器以最佳形式歡迎關(guān)注知乎專欄 —— 前端的逆襲歡迎關(guān)注我的博客，知乎，GitHub。譯文地址：【譯】唯快不破：Web 應(yīng)用的 13 個(gè)優(yōu)化步驟 - 前端的逆襲 - 知乎專欄原文地...

haobowd 2019-08-19 18:37 評(píng)論0 收藏0