對(duì)于用戶(hù)來(lái)說(shuō),沒(méi)有什么比加載時(shí)間過(guò)長(zhǎng)的網(wǎng)站更煩人了。在快節(jié)奏的現(xiàn)代世界中,沒(méi)有人愿意等待一個(gè)元素出現(xiàn)在屏幕上超過(guò)3秒。一些具有高級(jí)圖形設(shè)計(jì)的網(wǎng)站存在這種問(wèn)題,動(dòng)畫(huà)、高分辨率圖像、視頻嵌入以及使用未優(yōu)化的 Javascript 和 CSS 庫(kù)隱藏的層層內(nèi)容可能會(huì)導(dǎo)致網(wǎng)站負(fù)載過(guò)重。在本文中,廣州網(wǎng)站建設(shè)公司將向你提供網(wǎng)站加載時(shí)間過(guò)長(zhǎng)的幾個(gè)原因,以及你可以采取的措施。
一、未優(yōu)化的圖像
并非所有圖像都需要高分辨率,除非你的業(yè)務(wù)要求你的網(wǎng)站訪(fǎng)問(wèn)者以最佳質(zhì)量查看圖像,例如在攝影作品集網(wǎng)站中。
即使是這種情況,也不是每個(gè)頁(yè)面都需要高分辨率圖像。在展示所有圖像的圖片庫(kù)中,可以簡(jiǎn)單地引入縮略圖,每個(gè)鏈接到你顯示原始圖像的特定策展頁(yè)面。
一般來(lái)說(shuō),高分辨率圖像會(huì)加載較慢,但這并不取決于其分辨率的值。1920 像素的圖像可能大于 1MB — 這對(duì)于網(wǎng)站圖像來(lái)說(shuō)已經(jīng)是不可接受的大小。但是,相同的圖像質(zhì)量只能占用 300KB 或更少(推薦用于大多數(shù)網(wǎng)站)。
二、太多的Javascript代碼
對(duì)實(shí)驗(yàn)性或“前沿”設(shè)計(jì)更開(kāi)放的網(wǎng)站受到的影響最大,因?yàn)樗鼈儍A向于測(cè)試 Javascript庫(kù)在網(wǎng)站中的功能限制。但是,即使在具有足夠動(dòng)畫(huà)的常規(guī)網(wǎng)站中也可以發(fā)現(xiàn)此問(wèn)題。
問(wèn)題不在于擁有Javascript動(dòng)畫(huà)。具有相同動(dòng)畫(huà)的兩個(gè)網(wǎng)站可以以不同的速度加載。這不依賴(lài)于Javascript代碼中使用,但那些代碼不使用。
隨意下載Javascript庫(kù)只是為了使用其一小部分功能的開(kāi)發(fā)人員可能會(huì)使網(wǎng)站加載速度不必要地變慢。這是因?yàn)闉g覽器必須加載有用的代碼以及永遠(yuǎn)不會(huì)使用的其他代碼部分,優(yōu)秀的開(kāi)發(fā)人員會(huì)修剪代碼并只包含必要的內(nèi)容。
三、該網(wǎng)站不是為較慢的連接而構(gòu)建的
一些為互聯(lián)網(wǎng)高速?lài)?guó)家的客戶(hù)開(kāi)發(fā)網(wǎng)站的開(kāi)發(fā)人員可能不知道其他國(guó)家的互聯(lián)網(wǎng)速度有限。優(yōu)秀的開(kāi)發(fā)人員會(huì)嘗試針對(duì)較慢的連接速度進(jìn)行優(yōu)化。
但是,如果這對(duì)于更低的連接速度不再可行,則開(kāi)發(fā)人員將針對(duì)目標(biāo)受眾可能使用的最低帶寬速度優(yōu)化網(wǎng)站。開(kāi)發(fā)者還必須考慮使用移動(dòng)數(shù)據(jù)通過(guò)移動(dòng)設(shè)備上網(wǎng)的速度,并確保要加載的數(shù)據(jù)量不會(huì)耗盡用戶(hù)的數(shù)據(jù)包。
移動(dòng)用戶(hù)通常需要更高的速度和更輕的數(shù)據(jù)加載。這可以通過(guò)對(duì)網(wǎng)站進(jìn)行編程以檢測(cè)屏幕尺寸來(lái)實(shí)現(xiàn),然后僅加載選定的元素和Javascript功能。
這是你的網(wǎng)站加載時(shí)間過(guò)長(zhǎng)的三個(gè)可能原因。