論網速快慢的區別

隨著網路的普及，使用者對響應速度快慢越來越重視了，網站越快，使用者的黏性和轉化率也會越高。 簡單來說，就是要提高速度！影響網站速度的因素有很多，比如………………….

一本正經可不是我的風格，下面請看我的表演 想法起源： 一開始的想法是使用純CSS進行實現，把底圖base64編碼後直接放在background-image上，就可以達到背景圖片與網頁一同載入出來的效果

第一步： 首先將提前準備好的素材圖片進行處理，拔下泳衣和泳裙 第二步： 新建個HTML檔案 第三步：

完成。。 然後就發現個問題，由於我的底圖檔案大小達到了12兆，編碼後的字串過大，導致網頁載入又卡又慢，實在無使用者體驗 而且這種方式載入的底圖會突然的顯示出來，過於唐突，效果不好

後改用： CSS+JavaScript進行實現，由background-image直接載入背景圖片，能達到逐漸顯示的效果，待底圖載入完畢後再由JS動態插入配圖

window.onload = function(){ var img=new Image(); img.src=‘裸体.jpg’; if(img.width==0){ alert(‘圖片載入失敗’) }else{ document.getElementById(“泳衣”).style.backgroundImage=“url(泳衣.png)”; document.getElementById(“泳裙”).style.backgroundImage=“url(泳裙.png)”; } }

不禁感慨一句，什麼破網路，慢得連人物圖片的衣服都載入不出來