如何減少網頁首屏載入壓力和時間,如何縮短頁面請求waiting時間過長

2021-03-03 21:42:52 字數 2611 閱讀 2573

1樓:匿名使用者

1、減少頁面http請求數量

比較直接的理解就是要減少呼叫其他頁面、檔案的數量。

a/html/rfc2397。

2、使用cdn(content delivery ***work)網路加速

3、新增檔案過期或快取頭

4、伺服器開啟gzip壓縮

這個大家都比較瞭解,即將需要傳輸的內容壓縮後傳輸到客戶端再解壓,這樣在網路上傳輸的 資料量會大幅減小。通常在伺服器上的apache、nginx可以直接開啟這個設定,也可以從**角度直接設定傳輸檔案頭,增加gzip的設定,也可以從 負載均衡裝置直接設定。不過需要留意的是,這個設定會略微增加伺服器的負擔。

5、css格式定義放置在檔案頭部

這項設定對於使用者端是慢速網路或網頁內容比較龐大的情況比較有利,可以在網頁逐步呈現的同時仍會保持格式資訊,不影響網頁美感。

6、javascript指令碼放在檔案末尾

很多javascript指令碼執行效率低下,或者有的第3方域名指令碼出現意外無法載入, 如果將這些指令碼放置到頁面比較靠前的位置,可能會導致我們自己**的內容載入速度下降甚至無法正常載入,所以一般將這些指令碼放置在網頁檔案末尾,一定要放 置在前面的指令碼要改用所謂的「後載入」方式載入,在主體網頁載入完成後再載入,防止其影響到主體網頁的載入速度。

7、避免使用css指令碼(css expressions)

有時為了要css的引數動態改變,可能會採用css expression來實現,但這樣做得不償失,會使使用者端瀏覽器負擔明顯加重,所以不建議這樣做,如果需要改變,可以使用javascript指令碼去實現。

8、css、javascript改由外部呼叫

如果css、js內容比較龐大,儘量不要寫到同1個頁面中去,改由外部載入比較妥當,因為瀏覽器本身會對css、js檔案進行快取。

9、壓縮javascript、css**

一般js、css檔案中存在大量的空格、換行、註釋,這些利於閱讀,如果能夠壓縮掉,將會很有利於網路傳輸。這方面的工具也有很多,一般可以保留開發版本,利用工具生成生產版本,2個檔案比較,一般壓縮率能達到50%以上,減少的資料量還是比較可觀的。

我這個部落格剛改版完成,各種**還沒有進行優化和壓縮,目前yslow評級只能達到d,等有時間進行部分優化,達到c等級應該問題不大。

10、避免採用301、302轉向

11、養成良好的開發維護習慣,儘量避免指令碼重複呼叫

12、配置etags

13、ajax採用快取呼叫

這個的使用可以參照discuz論壇**,裡面對於大量使用的ajax呼叫都採用了快取 呼叫方式,一般採用附加特徵引數方式實現,注意其中的

14、合理使用flush

使用者端傳送瀏覽請求後,伺服器端一般要花銷200-500ms去處理這些請求,在此期間,使用者端瀏覽器處於等待狀態,如果要減少使用者等待時間,可以在適當的位置使用flush,將已經就緒的內容推送到使用者端,這在php中很容易實現例如:

15、ajax呼叫盡量採用get方法呼叫

實際使用xmlhttprequest時,如果使用post方法實現,會發生2次http請求,而使用get方法只會發生1次http請求。如果改用get方法,http請求減少50%!

16、儘可能減少d***元素

這個很好理解,就是儘可能減少網頁中各種<>元素數量,例如

的冗餘很嚴重,而我們完全可以用取代之。

17、使用多域名負載網頁內的多個檔案、**

18、縮減iframe的使用,如無必要,儘量不要使用

iframe通常用於不同域名內容的載入,這同時也可能因iframe內容載入速度影響到主網頁載入速度,如果可能,把需要載入的內容抓取到本地直接嵌入。如果實在需要iframe載入,採用後載入方式實現。

19、優化**檔案

優化**檔案,減小其尺寸,特別是縮圖,一定要按尺寸生成縮圖然後呼叫,不要在網頁中用resize方法實現,雖然這樣看到的**外形笑了,但是其載入的資料量一點也沒減少。曾經見過有人在網頁中載入的縮圖,其真實尺寸有10m之巨…

普通影象、icon也要儘可能壓縮後,可以採用web影象儲存、減少顏色數等等方法實現。

20、當頁面內容龐大到一定程度,可以採用分頁的方式展現,或者taobao的那種翻頁後載入方式。

如何縮短 頁面請求waiting 時間過長

2樓:go小小七

waiting時間就是處理資料的時間,請求到達伺服器, 伺服器根據請求內容去執行程式  。

寫可讀性強的程式就會縮短的。

更換更好的伺服器也可以縮短時長。

出現這種情況也可能是瀏覽器本身的問題,更換一個瀏覽器就好了。

出現這種情況跟網路有關係,提高網速就可以了。

出現這種情況跟電腦的配置有關係,換一個更高配置的電腦就可以了。

電腦網路驅動版本太低了,更新成更高版本的驅動就可以了。

在www環境中,資訊以頁面資訊組織,資訊頁面由語言來實現,在各個資訊頁面之間建立超文字連結以便瀏覽

主頁是基本資訊頁,使用者通過主頁可以訪問有關資訊主頁一般包括:文字、圖象、**、超連結等基本元素。

而在作業系統中,頁面是有大小之分的。頁面的大小一般取2的整數次冪。

頁面大小直接影響地址轉換和頁式儲存管理的效能:如果頁面太大,以至於和作業地址空間相差無幾,這種方法就變成了可重定位分割槽方法的翻版;反之,則增加了系統的開銷。

wps頁首怎麼居中,wps頁首中的文字如何自由排列,想讓文字處於logo居中的位置。

您好,很 源高興為您解答!選擇 bai章節 選du項卡中的 頁首頁 zhi腳 命令,進入頁首頁尾編輯狀dao態,選中頁首的內容,選擇 開始 選項卡中 段落 組的 居中 命令。wps會員睿享辦公,一對一vip專業服務,詳情 http vip.wps.cn from qy 設定方法 1 在頁首處雙單擊滑...

wps如何去掉頁首橫線,wps的頁首下面有條線怎麼去掉?

去掉wps頁首橫線有兩種方法,方法一 雙擊 頁首 區域或 插入 頁首和頁尾 進入頁首編輯狀態。滑鼠游標移動到橫線上,然後 開始 在框線下拉中選擇無邊框或點選下邊框即可清除。方法二 雙擊 頁首 區域或 插入 頁首和頁尾 進入頁首編輯狀態。滑鼠游標移動到橫線上,然後 頁面佈局 頁面邊框 在邊框和底紋視窗...

頁首偏右,如何讓其居中呢,WORD頁首偏右,如何讓其居中呢?

1 雙擊頁首處的文字或頁碼,進入編輯狀態 2 選中頁首的內容,點選工具欄中的 居中 圖示,即可將頁首居中。說明 如果按以上方法還沒將頁首居中,則可能是文字前面有空格,應該將游標放在文字前,按退格鍵將文字先靠左對齊,然後再選擇 居中 即可。你得選中頁首操作才行,雙擊頁首處選中後再試試,應該行的。進入w...