摘要:一直忙于工作,最近這段時間終于可以靜下心來細讀一些與工作相關(guān)的書籍。第二部分見提升網(wǎng)站頁面速度的條最佳實踐二。高性能網(wǎng)站建設(shè)指南一書共列舉了條提升網(wǎng)站速度的方法,本篇就前種進行總結(jié)。
一直忙于工作,最近這段時間終于可以靜下心來細讀一些與工作相關(guān)的書籍。本篇文章是《高性能網(wǎng)站建設(shè)指南》一書的梳理。
希望自己收獲的同時,也能給對這塊知識感興趣的童鞋給與入門指導。
關(guān)于《高性能網(wǎng)站建設(shè)指南》的梳理共有兩部分內(nèi)容,本篇為第一部分。第二部分見提升網(wǎng)站頁面速度的14條最佳實踐(二)。
《高性能網(wǎng)站建設(shè)指南》一書共列舉了14條提升網(wǎng)站速度的方法,本篇就前7種進行總結(jié)。
1.圖片地圖
2.CSS Sprites
3.內(nèi)聯(lián)圖片
4.合并腳本和樣式表
內(nèi)容發(fā)布網(wǎng)絡(luò)(CDN)是一組分布在不同地理位置的web服務(wù)器,用于更加有效地像用戶發(fā)布內(nèi)容。即利用就近原則,響應(yīng)發(fā)送給用戶需要的數(shù)據(jù),進而縮短響應(yīng)時間,來提高網(wǎng)站性能。
三、添加Expires頭瀏覽器(和代理)使用緩存來減少HTTP請求的數(shù)量,并減少HTTP響應(yīng)的大小,使web頁面加載得更快。web服務(wù)器使用Expires頭來告訴web客戶端它可以使用一個組件的當前副本。
注意:Expires頭使用的是一個特定的時間,它要求客戶端與服務(wù)器的時鐘嚴格同步,一旦兩個時間統(tǒng)一,Expires頭的時間將沒有意義。
為了解決Expires頭的限制,HTTP1.1 引入了Cache-Control使用max-age指令指定組件緩存多久。它以秒為單位定義更新窗。如果從組件請求開始過去的秒數(shù)小于max-age,瀏覽器就可以使用緩存的版本。
注意: 1.在小于HTTP1.1版本之前仍需要設(shè)置Expires頭,為了做更好的兼容,最好同時使用HTTP1.1和max-age,在支持max-age的版本中,如果兩者同時存在max-age會重寫Expires頭。 2.利用Apache模塊mod_expires可以使Expires頭能夠像max-age那樣以相對的方式設(shè)置日期。通過Expires_Default指令來實現(xiàn)。時間可以用年/月/周/日/時/分/秒為單位來設(shè)置。四、壓縮組件
1.從HTTP1.1開始,web客戶端可以通過HTTP請求中的Accept-Encoding頭來識別對壓縮的支持。
Accept-Encoding:gzip,deflate;
2.配置
a.Apache1.3的gzip壓縮由mod_gzip模塊提供
b.Apache2.x中壓縮通過mod_deflate模塊來完成。
3.代理緩存
在Web服務(wù)器的響應(yīng)中添加Vary頭。Web服務(wù)器可以告訴代理根據(jù)一個或者多個請求頭來改變緩存的響應(yīng)。
Vary:Accept-Encoding
這種情況下代理服務(wù)器會緩存每個響應(yīng)的兩個版本——Accept-Encoding為gzip時的壓縮內(nèi)容和沒指定Accept-Encoding時的非壓縮內(nèi)容。
由于瀏覽器總是在樣式表加載并解析完之后才會繪制頁面內(nèi)容,所以把樣式表放在底部才會出現(xiàn)白屏或者無樣式內(nèi)容的閃爍問題。
六、將腳本放在頁面底部瀏覽器總是從上到下執(zhí)行頁面內(nèi)容,如果將腳本放置在頁面頂部,則在加載腳本的這段時間內(nèi),頁面的內(nèi)容呈現(xiàn)將被阻塞!
七、避免css表達式css表達式也會影響頁面的加載時間。如果必須要在頁面加載記載的時候?qū)ss樣式進行重置,可以考慮使用時間處理器來代替css表達式。
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://m.specialneedsforspecialkids.com/yun/109553.html
摘要:一直忙于工作,最近這段時間終于可以靜下心來細讀一些與工作相關(guān)的書籍。第二部分見提升網(wǎng)站頁面速度的條最佳實踐二。高性能網(wǎng)站建設(shè)指南一書共列舉了條提升網(wǎng)站速度的方法,本篇就前種進行總結(jié)。 一直忙于工作,最近這段時間終于可以靜下心來細讀一些與工作相關(guān)的書籍。本篇文章是《高性能網(wǎng)站建設(shè)指南》一書的梳理。希望自己收獲的同時,也能給對這塊知識感興趣的童鞋給與入門指導。關(guān)于《高性能網(wǎng)站建設(shè)指南》的梳...
摘要:唯一的格式約束是該字符串必須用引號引起來。對于網(wǎng)站背后的服務(wù)器來說,不大相同。不過用戶不必忍受整個頁面的重新加載了,而且用戶在等待時,仍然可以響應(yīng)。 本篇是對《高性能網(wǎng)站建設(shè)指南》一書的后7種規(guī)則進行梳理。 八、使用外部Jacascript和css 1.如果需要呈現(xiàn)給用戶的頁面可以實現(xiàn)完整緩存,那么使用外部Jacascript和css會提高網(wǎng)站性能。 2.在使用使用外部Jacascr...
摘要:唯一的格式約束是該字符串必須用引號引起來。對于網(wǎng)站背后的服務(wù)器來說,不大相同。不過用戶不必忍受整個頁面的重新加載了,而且用戶在等待時,仍然可以響應(yīng)。 本篇是對《高性能網(wǎng)站建設(shè)指南》一書的后7種規(guī)則進行梳理。 八、使用外部Jacascript和css 1.如果需要呈現(xiàn)給用戶的頁面可以實現(xiàn)完整緩存,那么使用外部Jacascript和css會提高網(wǎng)站性能。 2.在使用使用外部Jacascr...
閱讀 3417·2021-11-24 09:39
閱讀 1806·2021-11-17 09:33
閱讀 3530·2021-10-12 10:12
閱讀 5037·2021-09-22 15:51
閱讀 1121·2019-08-30 13:11
閱讀 3580·2019-08-30 10:59
閱讀 573·2019-08-30 10:48
閱讀 1322·2019-08-26 13:48