網(wǎng)頁打開速度慢該怎么辦。
首先,必須要優(yōu)化或壓縮你的圖像文件。你不能用數(shù)碼相機(jī)拍張照片就直接放到網(wǎng)頁上。必須要降低圖片文件的解像率,降低圖像質(zhì)量,得到一個優(yōu)化過的文件。上面提到的800K的圖像文件,很容易就可以降低到100K以下,也沒有什么可以覺察得到的質(zhì)量上的損失。
可以使用Photoshop,里面已經(jīng)有專為網(wǎng)頁壓縮圖像文件的選項(xiàng),或者網(wǎng)上也有其他壓縮圖像文件的在線工具,大家可以搜索一下。
第二,必須要使用網(wǎng)頁編輯軟件來做網(wǎng)頁。微軟的Word確實(shí)提供一個功能,將文件輸出為HTML格式。在絕大部分情況下,這些輸出文件在網(wǎng)站上打開也沒什么問題。但問題是,這樣的文件包含了大量的垃圾代碼。在上面的例子里,200K的HTML文件用專用的網(wǎng)頁編輯軟件重新改一下,能輕易降到15K以下,也就是說90%全是垃圾代碼。
設(shè)想一下,把這些垃圾代碼和未壓縮的圖像文件全加起來,你該浪費(fèi)了多少帶寬?又有多少用戶等不下去而離開了你的網(wǎng)站?
下面列出幾個具體的網(wǎng)頁代碼問題,有助于降低文件大小。
使用CSS
CSS大量減少HTML中的格式代碼,并且可以作為外部文件使用,不必每次打開網(wǎng)頁都調(diào)用這些格式文件。
盡量使用標(biāo)準(zhǔn)代碼
瀏覽器在打開網(wǎng)頁的時候,如果網(wǎng)頁文件中包含太多的錯誤,瀏覽器需要花時間矯正這些錯誤。所以盡量要使用正確的標(biāo)準(zhǔn)代碼。
定義圖形文件和表格的尺寸(高度和寬度)
這樣瀏覽器可以在圖像文件和表格里面的內(nèi)容完全下載之前,就顯示出網(wǎng)頁,因?yàn)閳D像和表格的大小已經(jīng)確定了,位置可以預(yù)留出來。
刪除不需要的代碼
比如大量的空格,空行,評論等。
減少花里胡哨的東西
很炫的JS菜單,按鈕,圖形,音樂,動畫,flash等等,這些東西有它明確的目的嗎?還是就是好玩?
如果網(wǎng)頁太長,考慮分成多個網(wǎng)頁
這樣另外一個好處就是,顯得你的網(wǎng)頁內(nèi)容還多點(diǎn)。
減少網(wǎng)頁中要調(diào)用的文件數(shù)目
不要用太多很小的圖像文件,在可能的情況下,減少這些圖像文件的數(shù)目。這樣文件下載的時候,就不需要那么多的HTTP連接。
避免使用嵌套表格
如果必須使用表格的話,也要盡量少用使用嵌套表格。
使用外部文件
CSS,JS等,都要放到外部文件。
總的目標(biāo)是盡量減少文件大小,包括HTML文件,圖片和腳本。如果能把網(wǎng)頁上文件總大小降到30K以下就好,20K更好,如果10K以下,那就更好了。
很多網(wǎng)頁設(shè)計師會嘲笑這樣的數(shù)字,一個現(xiàn)代的網(wǎng)頁還能只是20K,30K?不可能!光我那個很炫的logo就20K了。
如果能兩者兼得的話,不妨可以兼顧。但如果兩者不能兼得,你是選擇讓用戶看到一個不那么炫的網(wǎng)頁,還是讓用戶根本就看不到網(wǎng)頁呢?
猜你喜歡
聯(lián)絡(luò)方式:
電話:181-0734-0881
郵箱:1713521713@qq.com
-
抖音seo怎么做的
最近,許多朋友問,什么是抖音seo優(yōu)化?所以在抖音seo優(yōu)化之前,先和你談?wù)勈裁词嵌兑魋eo優(yōu)化。你會理解抖音搜索引擎優(yōu)化的! SEO漢譯為搜索引擎優(yōu)化。顧名思義,抖音搜索引擎優(yōu)化就是...
-
什么是本地區(qū)關(guān)鍵詞全國性關(guān)鍵詞?
地區(qū)性關(guān)鍵詞:是指關(guān)鍵詞中帶有地區(qū)名稱,如:關(guān)鍵詞為“衡陽網(wǎng)站建設(shè)公司”,該詞為地區(qū)性關(guān)鍵詞,因?yàn)殛P(guān)鍵詞中出現(xiàn)了地區(qū)名稱“衡陽”。全國性關(guān)鍵詞:是指關(guān)鍵...
-
刷屏朋友圈的“跳一跳” 小程序究竟有多火熱?
這兩天想必大家在刷朋友圈時都看到了一款名為“跳一跳”的游戲,2017年12月28日,微信通過旗下多個公眾號宣布上線“小游戲”,目前,iOS和安卓的用戶,只需升級...
-
短視頻SEO排名,抖音搜索SEO
抖音搜索SEO排名算法是什么?很多人在做抖音搜索SEO排名時,對抖音搜索SEO排名算法了解不多,導(dǎo)致操作過程中關(guān)鍵詞優(yōu)化效果不是很好 一、抖音SEO搜索算法是什么。 抖音搜索SEO...
-
網(wǎng)站關(guān)鍵詞排名大量下滑到底有哪些因素
客觀原因:影響排名的因素很多,有主觀也有一些是人力無法控制的客觀原因,而我們常見的客觀原因包括二點(diǎn):...