1、優化2、影象格式的選擇
一般在網頁上使用的格式有三種,jpg、png、gif.三 種格式的具體技術指標不是這篇文章**的內容,我們只需要知道在什麼時候應該使用什麼格式,以減少網頁的載入時間。
1、jpg:一 般用於展示風景、人物、藝術照的攝影作品。有時也用在電腦截圖上。
2、gif:提供的顏色較少,可用在一些對顏色要求不高的地方, 比如**logo、按鈕、表情等等。當然,gif的乙個重要的應用是動畫。就像用lunapic製作的倒映。
3、 png:png格式能提供透明背景,是一種專為網頁展示而發明的格式。一般用於需要背景透明顯示或對影象質量要求較高的網頁上。
3、優化 css
css疊層樣式表讓網頁載入起來更高效,瀏覽體驗也得到提高。有了css, **布局的方式可以退休了。
但有時我們在寫css的時候會使用了一些比較羅嗦的語句,比如這句:
css**
margin-top: 10px;
margin-right: 20px;
margin-bottom: 10px;
margin-left: 20px;
margin-top: 10px;margin-right: 20px;
margin-bottom: 10px;
margin-left: 20px;
你可以將它簡化為:
margin: 10px 20px 10px 20px;
又或者這句:
html**
<p class = "decorated" >a paragraph of decorated text</p>
<p class = "decorated" >second paragraph</p>
<p class = "decorated" >third paragraph</p>
<p class = "decorated" >forth paragraph</p>
<p class="decorated">a paragraph of decorated text</p>
<p class="decorated">second paragraph</p>
<p class="decorated">third paragraph</p>
<p class="decorated">forth paragraph</p>
可以用div來包含:
html**
<div class = "decorated" >
<p>a paragraph of decorated text</p>
<p>second paragraph</p>
<p>third paragraph</p>
<p>forth paragraph</p>
</div>
<div class="decorated">
<p>a paragraph of decorated text</p>
<p>second paragraph</p>
<p>third paragraph</p>
<p>forth paragraph</p>
</div>
網頁速度優化
一 我們需達解決的麻煩 減小被請求檔案大小,減少請求資料占用的網路頻寬.讓使用者更快的看到想要的結果.提高客戶端渲染速度.讓瀏覽器同時能請求更多的資料.提高伺服器相應速度.通過版本化控制客戶端cache.二 如何解決我們的麻煩 a.如何減少http請求數 合併js檔案跟css檔案。合併框架以及相對變...
網頁優化技巧 提高頁面開啟速度
一 優化 幾乎沒有哪個網頁上是沒有的。如果你經歷過56k moden的年代,你一定不很喜歡有大量的 因為載入那樣的網頁會花費大量的時間。即使在現在,網路頻寬有了很多的提高,56k moden逐漸淡出,優化以加快網頁速度還是很有必要的。2 降低影象質量 如果不是很必要,嘗試降低影象的質量,尤其是jpg...
提高網頁載入速度
1.頁面資料呼叫 資料庫查詢 方面原因,程式儘量減少訪問資料庫次數.2.頁面引用過多,會影響頁面載入速度。3.js呼叫,影響頁面載入速度。4.檔案大小沒有控制好,頁面載入 flash過多而又沒有控制其大小。具體可採用js來改變載入項的順序,在保證頁面能夠正常瀏覽之後再載入廣告 次要等資訊。5.伺服器...