1. 程式人生 > >請說出三種減少頁面載入時間的方法。(載入時間指感知的時間或者實際載入時間)

請說出三種減少頁面載入時間的方法。(載入時間指感知的時間或者實際載入時間)

1、減少http請求(合併檔案、合併圖片)

2、優化圖片檔案,減小其尺寸,特別是縮圖,一定要按尺寸生成縮圖然後呼叫,不要在網頁中用resize方法實現,雖然這樣看到的圖片外形小了,但是其載入的資料量一點也沒減少。曾經見過有人在網頁中載入的縮圖,其真實尺寸有10M之巨…普通影象、icon也要儘可能壓縮後,可以採用web影象儲存、減少顏色數等等方法實現。

3、影象格式的選擇(GIF:提供的顏色較少,可用在一些對顏色要求不高的地方)

4、 壓縮Javascript、CSS程式碼:一般js、css檔案中存在大量的空格、換行、註釋,這些利於閱讀,如果能夠壓縮掉,將會很有利於網路傳輸。這方面的工具也有很多,可以在百度裡搜尋一下關鍵字“css程式碼壓縮”,或者“js程式碼壓縮”將會發現有很多網站都提供這樣的功能,當然了你也可以自己寫程式來做這個工作,如果你會的話。就拿我們這個網站來說吧。剛開始上傳這個網站的時候,我的很多Css程式碼都沒有壓縮,後面發現了這個問題,我就上網找了相關的網站的壓縮程式碼的功能,最後就把很多CSS檔案都壓縮了。這個壓縮比率還是比較高的,一般都有百分五十左右。這個程式碼壓縮對於網頁的載入還是很有用的。

5、 伺服器啟用gzip壓縮功能:將要傳輸的檔案壓縮後傳輸到客戶端再解壓,在網路傳輸 資料量會大幅減小。在伺服器上的Apache、Nginx可直接啟用,也可用程式碼直接設定傳輸檔案頭,增加gzip的設定,也可從 負載均衡裝置直接設定。不過需要留意的是,這個設定會略微增加伺服器的負擔。伺服器效能不是很好的網站,要慎重考慮。

6.標明高度和寬度(如果瀏覽器沒有找到這兩個引數,它需要一邊下載圖片一邊計算大小,如果圖片很多,瀏覽器需要不斷地調整頁面。這不但影響速度,也影響瀏覽體驗。 當瀏覽器知道了高度和寬度引數後,即使圖片暫時無法顯示,頁面上也會騰出圖片的空位,然後繼續載入後面的內容。從而載入時間快了,瀏覽體驗也更好了。)

7、網址後面加上“/”:對伺服器而言,不加斜槓伺服器會多一次判斷的過程,加斜槓就會直接返回網站設定的存放在網站根目錄下的預設頁面。

相關推薦

【轉】減少頁面載入時間方法

    1.優化圖片  2.影象格式的選擇(GIF:提供的顏色較少,可用在一些對顏色要求不高的地方)  3.優化CSS(壓縮合並css,如margin-top,margin-left...)  4.網址後加斜槓(如ww

減少頁面載入時間方法載入時間感知時間或者實際載入時間

1、減少http請求(合併檔案、合併圖片) 2、優化圖片檔案,減小其尺寸,特別是縮圖,一定要按尺寸生成縮圖然後呼叫,不要在網頁中用resize方法實現,雖然這樣看到的圖片外形小了,但是其載入的資料量一點也沒減少。曾經見過有人在網頁中載入的縮圖,其真實尺寸有10M之巨…普通影象、icon也要儘可能壓縮後,可以

【轉】減少頁面加載時間方法

www com 無法 如果 壓縮合並 class 是什麽 .com 高度 1.優化圖片 2.圖像格式的選擇(GIF:提供的顏色較少,可用在一些對顏色要求不高的地方) 3.優化CSS(壓縮合並css,如margin-top,margin-left...) 4.網

C#創建對象方法所需時間比較

http common AD ins eat 通過 png pos sem   C#創建對象的三種方法 new()、Activator、Assembly,接下來通過代碼直接來看看運行的速度。。。。   首先,先看看三種創建對象實例的方法: //new

題目:兩個乒乓球隊進行比賽,各出三甲隊為a,b,c人,乙隊為x,y,z已抽籤決定比賽名單有人向隊員打聽比賽的名單,a說他不和x比,c說他不和x,z比,程式設計序找出三隊賽手大的名單

通過迴圈巢狀安排對戰順序,再用if語句判斷避免參賽的隊員重複,最後通過題目要求篩選出符合題意的對手。 public class Test18 { public static void main(String[] args) { char a,b,c; for(a = 'x'; a &l

減少卷積神經網路複雜度同時不降低效能的新方法

  基本思路:輸出的通道的值,只和與它相鄰的通道有關係。如何定義相鄰呢? 對於一個輸出,假設標準卷積需要30維通道來表示,在拓撲細分方法裡,我們可以用一個2-D張量空間或者3-D張量空間來重新排列這30維通道。舉例來說,假如排列方法為2-D:30=65。那麼如果要輸出一般意義上第13維通道上的值,那對應在2-

.NET的快取(頁面快取,控制元件快取,自定義快取)

BLL.Area bll = new BLL.Area(); protected void Page_Load(object sender, EventArgs e) { if (Cache["tList"] != null) { Response.Write("已經有

提出一資料結構支援push和pop操作以及第操作findMin,返回最小值,所有操作均以O(1)最壞時間執行

public class MyStack1 { private int[] data;//用於支援push和pop操作的陣列 private int[] minData;//用於支援findMin操作的陣列,儲存一個最小值序列 priva

java反射機制——獲取class物件的方法

package cn.itcast.reflect.demo; import cn.itcast.bean.demo.Person; /** * * 獲取Class物件的3中方法: * * * */ public class ReflectDemo1 { public st

Android應用開發中常見的圖片壓縮方法

Android應用開發中三種常見的圖片壓縮方法,分別是:質量壓縮法、比例壓縮法(根據路徑獲取圖片並壓縮)和比例壓縮法(根據Bitmap圖片壓縮)。 一、質量壓縮法 private Bitmap compressImage(Bitmap image) { ByteArrayOutput

php獲取拓展名的方法

<?php header('content-type:text/html;charset="utf-8"'); $str='1.jpg'; echo '字串函式:'.strchr($str,'.jpg'); echo '<br/>'; echo '檔案函式:'.

java的實現定時任務的方法

/**   * 普通thread   * 這是最常見的,建立一個thread,然後讓它在while迴圈裡一直執行著,   * 通過sleep方法來達到定時任務的效果。這

UE4 UI更新的方式及具體實現的方式最優化的方式是事件驅動

UE4中UI的更新分為下面三種方式:函式繫結和屬性繫結是Tick更新的,也就是說每幀都在呼叫資料就行更新,他們倆個原理是一樣的,最優化的方式是事件繫結! 1、函式繫結: 百分比血量 來舉例 1、拖入Progress Bar 2、在Progress裡新建繫結函式 3、設定如下:為了優化

Spring-02 -Spring 建立物件的方式 :1.通過構造方法建立/2.例項工廠/3.靜態工廠

通過構造方法建立      1.1 無參構造建立:預設情況.     1.2 有參構造建立:需要明確配置       1.2.1 需要在類中提供有參構造方法       1.2.2 在 applicationContext.x

Prettier的使用場景和使用方法

Prettier是最近很火的一個程式碼美化工具,其中文意思是“漂亮的、機靈的”,它能夠解析程式碼,使用你自己設定的規則來重新打印出格式規範的程式碼。 他的整個圈子很強大,有基於各種編輯器的外掛(vs code,atom),有指令碼類的,有外掛類的(eslint

關於webservice的java客戶端對接方法

第一次寫文章,所以裡邊會有些措辭或者描述不清楚的問題,請見諒 首先webservice大家肯定已經耳熟能詳了,而且webservice屬於比較古老的技術,但一些比較老的公司,由於架構的比較早,而且經歷數次迭代,人員更替,舊的技術很難優化,所以難免會遇到對接webservic

解密 HTTPS 流量的方法介紹

提醒:本文最後更新於 967 天前,文中所描述的資訊可能已發生改變,請謹慎使用。 Web 安全是一項系統工程,任何細微疏忽都可能導致整個安全堡壘土崩瓦解。拿 HTTPS 來說,它的「內容加密、資料完整性、身份認證」三大安全保證,也會受到非法根證書、服務端配置錯誤、SSL 庫漏洞、私鑰被盜等等風險

Hibernate中物件的狀態,以及狀態間的轉化方法

在Hibernate中有三種狀態,對它的深入理解,才能更好的理解hibernate的執行機理,剛開始不太注意這些概念,後來被別人問到了,說是面試題,才發現它是重要的。對於需要持久化的JAVA物件,在它的生命週期中有三種狀態,而且互相轉化。 Hibernate三種狀態之一

JAVA實現單例模式方法:使用靜態內部類實現單例設計模式

靜態程式碼塊和靜態內部類的載入順序:當呼叫外部類的建構函式是,外部類的靜態程式碼塊同時被載入,但是其內部類不會同時被載入;當且僅當內部類的靜態域或其構造方法或其靜態方法被呼叫時,內部內才被載入。 因此,通過內部內實現單例,就能實現延遲載入。 這個解決方案被稱為Lazy i

python裡等待元素出現的方法

在做web或app的自動化測試經過會出現找不到元素而報錯的情況,很多時候是因為元素還沒有被加載出來,查詢的程式碼就已經被執行了,自然就找不到元素了。那麼我可以用等待元素載入完成後再執行查詢元素的code。Python裡有三種等待的方式:一、強制等待Sleep(54) 這個方法