做web開發的朋友都應該掌握前端優化這個技巧，其中一個就是滾動延時加載。這個技巧應用在了很多地方，比如新浪微博網頁版。 為什么要延時加載呢？頁面加載的時候就顯示全部的圖片不就得了？有必要多此一舉嗎？答案是肯定的。當要加載的圖片或者內容很多時，如果一次性加載完畢，那么整個頁面將會加載很久，意味着 ...

1.帶寬不足，首先想到的就是自己網速的問題，但是一般網速在1M以上的，打開網頁一般不會是很慢的。網站服務器的帶寬不夠的話，當大量用戶訪問的時候，網頁的加載也是很慢的，這就是網絡的出口端和入口端兩個方面 2.硬件配置低，本機的配置也會是一方面的，但是只要不是老賽揚單核+512M的配置，一般不會是 ...

作為網頁內容的一部分，圖像和視頻通常要消耗很多資源加載。要提高網頁應用的性能，如何避免資源浪費在加載圖像和視頻上就很重要了。但是，很多時候我們都不願意減少網頁上的媒體資源，所以我們經常無從下手。幸運的是，我們有懶加載這個絕招，它可以幫助我們減少加載時間和降低負載，而不在內容上偷工減料 ...

1.帶寬不足，首先想到的就是自己網速的問題，但是一般網速在1M以上的，打開網頁一般不會是很慢的。網站服務器的帶寬不夠的話，當大量用戶訪問的時候，網頁的加載也是很慢的，這就是網絡的出口端和入口端兩個方面 2.硬件配置低，本機的配置也會是一方面的，但是只要不是老賽揚單核+512M的配置，一般不會是 ...

1.帶寬不足，首先想到的就是自己網速的問題，但是一般網速在1M以上的，打開網頁一般不會是很慢的。網站服務器的帶寬不夠的話，當大量用戶訪問的時候，網頁的加載也是很慢的，這就是網絡的出口端和入口端兩個方面 2.硬件配置低，本機的配置也會是一方面的，但是只要不是老賽揚單核+512M的配置，一般不會是 ...

今天在群里討論網頁中關於圖片的優化，聽到一個高大上的名詞漸進式jpg（Progressive JPEG），查了一下又發現了標准型（Baseline JPEG）顯示方式、還有png圖片的交錯式PNG，這才恍然大悟，原來這就是最最常見的兩種圖片顯示方式，相信你也和我一樣見到過，但說不上名字。 1. ...

在網上經常會看到一些很長的網頁會延遲加載其中的圖片，我認為這是一種按需分配的做法，網頁只為那些想繼續瀏覽網頁的人加載后面的圖片，在不影響用戶體驗的前提下，最大程度地減少服務器負擔和流量。目前，主要的購物網站都采用了這種加載方式。今天在一個網友的站里發現一個圖片延遲加載的插件，很好用，在這里介紹一下 ...

h1 { border: 0; text-align: left } 標准：使用谷歌國際標准代碼規范。 書寫規范：增強語義化，增強閱讀性。 1. 只用小寫字母 所有的代碼都用小寫字母：適用於元 ...