優化首頁載入
A. 如何優化頁面載入速度
1.伺服器響應時間
即使網站已經格外優化,但是除非伺服器響應時間非常快,否則就不會有什麼大的效果。當涉及到提高網站的速度,伺服器響應時間起著重要的作用。下面是一些提高伺服器響應時間的小貼士。
有獨立的伺服器,而不是選擇共享/託管伺服器。
提高Web伺服器的質量。
移除不必要的插件,只有那些必要的插件,才需要一直保持啟用狀態。
2.瀏覽器緩存
瀏覽器緩存可以減少HTTP請求,從而反過來提高網站的載入速度。下面就是如何利用瀏覽器緩存的代碼示例:
java代碼ExpiresActive On
ExpiresByType image/jpg "access 1 year"
ExpiresByType image/jpeg "access 1 year"
ExpiresByType image/gif "access 1 year"
ExpiresByType image/png "access 1 year"
ExpiresByType text/css "access 1 month"
ExpiresByType text/html "access 1 month"
ExpiresByType application/pdf "access 1 month"
ExpiresByType text/x-javascript "access 1 month"
ExpiresByType application/x-shockwave-flash "access 1 month"
ExpiresByType image/x-icon "access 1 year"
ExpiresDefault "access 1 month"注意:如果過期時間與文件掛鉤,而此時文件中的內容需要更改的話,那必須先重命名文件,以便瀏覽器可以獲取新添加的代碼。
3.gzip壓縮
gzip壓縮是一個壓縮實用程序,我們可以用它來快速載入網站。它的工作原理是在發送HTML和CSS文件到互聯網瀏覽器之前,先壓縮文件大小。允許mod_defalte模塊啟用Gzip壓縮,下面是如何使用它的代碼示例:
Java代碼# Compress HTML, CSS, JavaScript, Text, XML
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/javascript
AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE text/xml
# Remove browser bugs (only needed for really old browsers)
BrowserMatch ^Mozilla/4 gzip-only-text/html
BrowserMatch ^Mozilla/4\.0[678] no-gzip
BrowserMatch \bMSIE !no-gzip !gzip-only-text/html
Header append Vary User-Agent4.非同步腳本
還有一個可以提高網站頁面速度的超棒選擇就是非同步載入腳本。如此一來網頁負載就並不必依賴於這些非同步腳本,網站訪問者也不再需要不得不按捺下性子,等待所有的腳本載入完之後才能呈現頁面。在非同步模式中,腳本是在後台下載的。通常,我們會將第三方腳本作為非同步腳本,因為下載這些腳本時常會讓網站速度變得非常慢。
Css代碼5.內容分發網路(CDN)
內容分發網路(CDN)是位於不同地理位置的伺服器組成的網路。每個伺服器都擁有所有網站的文件副本。要是有網站訪問者請求文件和網頁時,就可以直接從就近的網站伺服器發送過來(也可以是從負載最小的伺服器)。
6.優化JavaScript、HTML和CSS
優化JavaScript和CSS也可以提高一個網站的網頁速度,而且這個方法非常簡單。優化JavaScript、HTML和CSS就是刪除所有不必要的空格和注釋,從而減小文件大小。下面是一些最小化JavaScript和CSS的流行工具,非常有用。
CSS Minifier
Avivo
HTML Compressor
7.置於頂部的樣式表和底部的腳本
將樣式表放在頂部有助網站的迅速載入,因為這樣可以使得網頁漸進式呈現。一般地,所有的互聯網瀏覽器都支持在給定時間內並行下載兩個組件(圖像、樣式和腳本)。但是通常而言,霸道的腳本會在並行下載時會阻止其他的下載,直到腳本下載完畢。
8.避免阻塞型的JavaScript和CSS
在瀏覽器呈現網頁之前,它首先需要通過解析HTML標記語言來構建一個DOM樹。在此過程中,如果遇到了腳本,此過程就會中止,轉而先執行腳本,完了才會繼續原先的活動。因此建議避免阻塞型的JavaScript,尤其是外部腳本。
阻塞型JavaScript還會導致網站的延遲。所以不妨推遲載入那些不重要的JavaScript,或者採用非同步載入的方式。另一種選擇是將這些HTML代碼內嵌到網站上,同時需要確保CSS的優化。
9.JavaScript的延遲解析
為了載入網頁,瀏覽器必須解析所有的
B. 怎樣提高頁面載入速度,論優化頁面的過程
1、頁面精簡來:去掉html頁面不必要自的空格、注釋,盡量將script和css寫在外部文件中。
可以借用第三方工具對頁面進行加速。
2、減少文件數量減少頁面上引用的文件數量可以減少HTTP連接數許多JavaScript、CSS文件可以合並最好合並,人家財幫子都把自己的JavaScript.functions和Prototype.js合並到一個base.js文件里去了
3、減少外部域名文件的引用
4、優化頁面元素載入順序例如:首先載入頁面最初顯示的內容和與之相關的JavaScript和CSS,不需要的圖片文件放到後面載入,或者引用延遲載入的js
5、減少頁面中inline和JavaScript的數量
6、不要在table標簽中嵌套table標簽,不過現在基本上都用div+css了,HTML5也出來了。
7、檢查頁面是否有js錯誤,或者空引用(檢查頁面有沒有502錯誤),有沒有js文件的重復載入
C. 怎樣優化一個電商首頁的載入速度
拋開網速這種不可控的要素之外,首頁載入速度主要取決於2點:圖片數量專和寶貝模塊屬數量,說白了,就是圖片太多,或者單張圖片文件太大!你能做的就是:
1.圖片不要做太大(比如:72像素1920x600全屏海報,一般存成jpg是600k-1M,但是你可以存成400k左右,gif也可以,或者存成png格式,再壓縮下png大小,正常能看清就行,目的就是把圖片變小)
2.產品不要放太多了,不然相應的模塊也會多
3.建議全屏海報(最好是自定義全屏輪播)+多層固定背景(產品多的話)+寶貝組合模塊
你可以多看看別人的
D. 如何優化加快HTML頁面載入速度
降低頁面的比重
1去除不必要的空白和注釋, 將inline的script和css放到外部文件中。 HTML Tidy這個工具可以用來自動的去除空白。還有一些其他的工具能夠壓縮javascript代碼,比如將比較長的標志符換成短的,通過這種方式,盡量的減少頁面的比重。
減少文件的數量
將少一個webpage被載入時所需要的下載的文件數量,有些browser具有cache的設置,如果一個css或是javascript文件沒有被改變的話,它就不會再去下載一遍。通過這樣的設置,也可能減少文件下載的數量。
減少Domain查詢
對於每個Domain的查詢,都需要去檢索DNS, 過多的Domian查詢會導致頁面載入速度變慢。
緩存重用的內容
確保所有可以被緩存的數據都已被緩存,並在恰當的時間過期。
尤其要注意的是:Last-Modified header,它會記錄下靜態最近被改動的時間,而對於大多數web伺服器來講,都會默認的為靜態文件提供這樣的頭。
js:避免使用eval或者是函數構造器
js解釋器在執行代碼前,會進行類似預編譯的操作,首先會創建一個當前執行環境下的活動對象,並將那些用var聲明的變數設置為活動對象的屬性,但是此時這些變數的賦值都是undefined, 並將那些以funciton定義的函數也添加為活動對象的屬性,而他們的值真是函數的定義。
使用eval時,傳遞給它的string內容,因為無法進行預編譯,所以解釋器也無法丟代碼進行優化。這樣的結果就是eval的效率相當低。
同時,在所以可以用string代替函數的地方,都不要用string來代替,而應該直接傳一個函數過去。
js: 盡量使用局部變數而非全局變數
局部變數的查找速度比全局變數高出許多。
E. 網站首頁載入慢怎麼處理!
http://www.yrbs.tk/剛才看了這個網站,打開了兩次用了30秒才成功。個人網站伺服器在國外,域內名不容在國內,技術支持比較業余,不懂得首頁怎麼優化。首頁打開瞬間是網站最占資源的地方,不僅文字多,js多,鏈接多,而且圖片和調用也比較多。在首頁打開的瞬間,看看伺服器負載就知道對個人網站影響有多大了。
如果條件允許的話,建議你把首頁單獨放在一個伺服器,將欄目和後台放在另一個伺服器上。鏈接跳轉佔用的時間相對較短,特別適合個人網站。雖然麻煩點,但也不失為良方。
F. 如何進行網頁優化,是頁面載入更流暢
代碼 精簡啊 ? 網頁載入慢的話,那是因為網頁太大了。 內容太多,圖片太大 ,圖片優化到最小的 ,然後切片的。很多不知道 ,就一張圖片上去了,那樣載入當然慢了。還有就是伺服器和資料庫優化的問題了。當然我就是簡單的說說 。
G. 如何把網站快速優化到首頁
一、網站關鍵詞的正確選取
二、網站要有高品質的原創內容和結構
三、增強網站外鏈的廣泛性