JavaShuo
欄目
標籤
減小頁面加載時間(感知或實際加載時間)的方法。
時間 2019-12-11
標籤
減小
頁面
加載
時間
感知
實際
方法
简体版
原文
原文鏈接
版權聲明:本文爲博主原創文章,未經博主容許不得轉載。
css
1. 儘可能減小頁面中重複的HTTP請求數量
比較直接的理解就是要減小調用其餘頁面、文件的數量。咱們在使用css格式控制的時候,常常會採用background載入不少圖形文件,而每一個background的圖像都會產生1次HTTP請求,通常咱們爲了讓頁面生動活潑會大量使用background來加載背景圖,要改善這個情況,能夠採用css的1個有用的background-position屬 性來加載背景圖,咱們將須要頻繁加載的多個圖片合成爲1個單獨的圖片,須要加載時能夠採用:background:url(....) no-repeat x-offset y-offset;的形式加載便可將這部分圖片加載的HTTP請求縮減爲1個。
2. 服務器開啓gzip壓縮
即將須要傳輸的內容壓縮後傳輸到客戶端再解壓,這樣在網絡上傳輸的 數據量就會大幅減少。一般在服務器上的Apache、Nginx能夠直接開啓這個設置,也能夠從代碼角度直接設置傳輸文件頭,增長gzip的設置,也能夠從 負載均衡設備直接設置。不過須要留意的是,這個設置會略微增長服務器的負擔。建議服務器性能不是很好的網站,要慎重考慮。
3. css樣式的定義放置在文件頭部
4. Javascript腳本放在文件末尾
咱們都知道網頁文件的載人是從上到下的加載的,而有不少Javascript腳本執行效率比較低下,或者在網頁前面都不須要執行的,若是將這些腳本放置到頁面比較靠前的位置,極可能會致使網站內容載入速度降低甚至無**常加載,因此通常將這些腳本放置在網頁文件末尾,必定要放 置在前面的腳本要改用所謂的「後載入」方式加載,在主體網頁加載完成後再加載,防止其影響到主體網頁的加載速度。
5. 壓縮Javascript、CSS代碼
通常js、css文件中存在大量的空格、換行、註釋,這些利於閱讀,若是可以壓縮掉,將會頗有利於網絡傳輸。這方面的工具也有不少,能夠在百度裏搜索一下關鍵字「css代碼壓縮」,或者「js代碼壓縮」將會發現有不少網站都提供這樣的功能,固然了你也能夠本身寫程序來作這個工做,若是你會的話。就拿咱們這個網站來講吧。剛開始上傳這個網站的時候,個人不少Css代碼都沒有壓縮,後面發現了這個問題,我就上網找了相關的網站的壓縮代碼的功能,最後就把不少CSS文件都壓縮了。這個壓縮比率仍是比較高的,通常都有50%左右。因而可知,這個代碼壓縮對於網頁的加載仍是頗有用的。
6. Ajax採用緩存調用
Ajax調用都採用緩存調用方式,通常採用附加特徵參數方式實現,注意其中的<script src=」xxx.js?{VERHASH}」,{VERHASH}就是特徵參數,這個參數不變化就使用緩存文件,若是發生變化則從新下載新文件或更新信息。
7. 儘量減小DCOM元素
這個很好理解,就是儘量減小網頁中各類<>元素數量,例如<table>的冗餘很嚴重,而咱們徹底能夠用<div>取代之。
8. 使用多域名負載網頁內的多個文件、圖片
9. 使用CDN
10. 在服務器端配置control-cache last-modify-date
11.在服務器配置Entity-Tag if-none-match
相關文章
1.
請說出三種減小頁面加載時間的方法。(加載時間指感知的時間或者實際加載時間)
2.
HTML:減小頁面加載時間的方法
3.
減低頁面加載時間的方法
4.
web開發的性能準則(減小頁面加載時間方面)
5.
減小JS下載時間
6.
如何減少頁面載入時間
7.
oracle 時間加減
8.
PostgreSQL時間加減
9.
python時間加減
10.
加載html頁面的同時加載方法
更多相關文章...
•
SQLite 日期 & 時間
-
SQLite教程
•
ionic 加載動作
-
ionic 教程
•
使用阿里雲OSS+CDN部署前端頁面與加速靜態資源
•
常用的分佈式事務解決方案
相關標籤/搜索
加載
時間區間
時間
間時
間或
加減
懶加載
加載項
加載更多
加減法
Redis教程
紅包項目實戰
PHP教程
面試
算法
0
分享到微博
分享到微信
分享到QQ
每日一句
每一个你不满意的现在,都有一个你没有努力的曾经。
最新文章
1.
JDK JRE JVM,JDK卸載與安裝
2.
Unity NavMeshComponents 學習小結
3.
Unity技術分享連載(64)|Shader Variant Collection|Material.SetPassFast
4.
爲什麼那麼多人用「ji32k7au4a83」作密碼?
5.
關於Vigenere爆0總結
6.
圖論算法之最小生成樹(Krim、Kruskal)
7.
最小生成樹 簡單入門
8.
POJ 3165 Traveling Trio 筆記
9.
你的快遞最遠去到哪裏呢
10.
雲徙探險中臺賽道:借道雲原生,尋找「最優路線」
本站公眾號
歡迎關注本站公眾號,獲取更多信息
相關文章
1.
請說出三種減小頁面加載時間的方法。(加載時間指感知的時間或者實際加載時間)
2.
HTML:減小頁面加載時間的方法
3.
減低頁面加載時間的方法
4.
web開發的性能準則(減小頁面加載時間方面)
5.
減小JS下載時間
6.
如何減少頁面載入時間
7.
oracle 時間加減
8.
PostgreSQL時間加減
9.
python時間加減
10.
加載html頁面的同時加載方法
>>更多相關文章<<