當(dāng)前位置: 首頁(yè) > 設(shè)計(jì)知識(shí) > 企業(yè)官網(wǎng)設(shè)計(jì) > 網(wǎng)站打開(kāi)速度為什么會(huì)那么慢?
企業(yè)網(wǎng)站建設(shè)中網(wǎng)頁(yè)打開(kāi)速度慢該怎么辦。
??? 首先,必須要優(yōu)化或壓縮你的圖像文件。你不能用數(shù)碼相機(jī)拍張照片就直接放到網(wǎng)頁(yè)上。必須要降低圖片文件的解像率,降低圖像質(zhì)量,得到一個(gè)優(yōu)化過(guò)的文件。企業(yè)官網(wǎng)設(shè)計(jì)上面提到的800K的圖像文件,很容易就可以降低到100K以下,也沒(méi)有什么可以覺(jué)察得到的質(zhì)量上的損失。
可以使用Photoshop,里面已經(jīng)有專為網(wǎng)頁(yè)壓縮圖像文件的選項(xiàng),或者網(wǎng)上也有其他壓縮圖像文件的在線工具,大家可以搜索一下。
第二,必須要使用網(wǎng)頁(yè)編輯軟件來(lái)做網(wǎng)頁(yè)。微軟的Word確實(shí)提供一個(gè)功能,將文件輸出為HTML格式。在絕大部分情況下,這些輸出文件在網(wǎng)站上打開(kāi)也沒(méi)什么問(wèn)題。但問(wèn)題是,這樣的文件包含了大量的垃圾代碼。在上面的例子里,200K的HTML文件用專用的網(wǎng)頁(yè)編輯軟件重新改一下,能輕易降到15K以下,也就是說(shuō)90%全是垃圾代碼。
設(shè)想一下,把這些垃圾代碼和未壓縮的圖像文件全加起來(lái),你該浪費(fèi)了多少帶寬?又有多少用戶等不下去而離開(kāi)了你的網(wǎng)站?
下面列出幾個(gè)具體的網(wǎng)頁(yè)代碼問(wèn)題,有助于降低文件大小。
使用CSS
CSS大量減少HTML中的格式代碼,并且可以作為外部文件使用,不必每次打開(kāi)網(wǎng)頁(yè)都調(diào)用這些格式文件。
盡量使用標(biāo)準(zhǔn)代碼
瀏覽器在打開(kāi)網(wǎng)頁(yè)的時(shí)候,如果網(wǎng)頁(yè)文件中包含太多的錯(cuò)誤,瀏覽器需要花時(shí)間矯正這些錯(cuò)誤。所以盡量要使用正確的標(biāo)準(zhǔn)代碼。
定義圖形文件和表格的尺寸(高度和寬度)
這樣瀏覽器可以在圖像文件和表格里面的內(nèi)容完全下載之前,就顯示出網(wǎng)頁(yè),因?yàn)閳D像和表格的大小已經(jīng)確定了,位置可以預(yù)留出來(lái)。
刪除不需要的代碼
比如大量的空格,空行,評(píng)論等。
減少花里胡哨的東西
很炫的JS菜單,按鈕,圖形,音樂(lè),動(dòng)畫,flash等等,這些東西有它明確的目的嗎?還是就是好玩?
如果網(wǎng)頁(yè)太長(zhǎng),考慮分成多個(gè)網(wǎng)頁(yè)
這樣另外一個(gè)好處就是,顯得你的網(wǎng)頁(yè)企業(yè)官網(wǎng)設(shè)計(jì)內(nèi)容還多點(diǎn)。
減少網(wǎng)頁(yè)中要調(diào)用的文件數(shù)目
不要用太多很小的圖像文件,在可能的情況下,減少這些圖像文件的數(shù)目。這樣文件下載的時(shí)候,就不需要那么多的HTTP連接。
避免使用嵌套表格
如果必須使用表格的話,也要盡量少用使用嵌套表格。
使用外部文件
CSS,JS等,都要放到外部文件。
總的目標(biāo)是盡量減少文件大小,包括HTML文件,圖片和腳本。如果能把網(wǎng)頁(yè)上文件總大小降到30K以下就好,20K更好,如果10K以下,那就更好了。
很多網(wǎng)頁(yè)設(shè)計(jì)師會(huì)嘲笑這樣的數(shù)字,一個(gè)現(xiàn)代的網(wǎng)頁(yè)還能只是20K,30K?不可能!光我那個(gè)很炫的logo就20K了。
如果能兩者兼得的話,不妨可以兼顧。但如果兩企業(yè)官網(wǎng)設(shè)計(jì)者不能兼得,你是選擇讓用戶看到一個(gè)不那么炫的網(wǎng)頁(yè),還是讓用戶根本就看不到網(wǎng)頁(yè)呢?
版權(quán)聲明:以上文章信息來(lái)源于網(wǎng)絡(luò),等僅代表原作者本人的觀點(diǎn)。除了已經(jīng)標(biāo)注原創(chuàng)的文章外,其它文章版權(quán)和文責(zé)屬于原作者。文章中出現(xiàn)的商標(biāo)、專利和其他版權(quán)所有的信息,其版權(quán)屬于其合法持有人。對(duì)可以提供充分證據(jù)的侵權(quán)信息, 我們將在確認(rèn)后的1小時(shí)內(nèi)刪除。
本網(wǎng)站之聲明以及其修改權(quán)、更新權(quán)和最終解釋權(quán)均屬?gòu)V州古柏廣告策劃有限公司所有。
掃一掃關(guān)注古柏
GOOBAI AD.
Brand Whole Case Design
4000-882-993
theemployementguide.com
微信加好友咨詢
廣州古柏廣告策劃有限公司
地址:廣州市天河區(qū)東圃長(zhǎng)盛商務(wù)大廈B213-215
Copyright?2004-2020 GOOBAI Inc.All rights reserved
粵公網(wǎng)安備: 44010602001481號(hào)
備案號(hào):粵ICP備09222445號(hào)
與古柏對(duì)話
關(guān)注古柏