網站開放的速度直接關系到訪問者的用戶體驗。網站加載的速度與許多因素有關,例如服務器的優越性、大小網絡帶寬以及頁面代碼的復雜性和簡單性。如果你受到金錢的限制,通過優化網頁代碼來加快網站的打開速度是非常有效的方法
提高網站打開速度的方法
一:壓縮或簡化JavaScript代碼和CSS代碼
無論什么類型的網站,當用戶第一次點擊網站時,都會加載網站的JavaScript和CSS代碼。假設這些代碼是冗余的,勢必會減慢網站的打開速度。如果存在這樣的問題,則有必要壓縮或簡化代碼。在壓縮方面,有大量的第三方工具,如站長之家的css\js壓縮工具,可以直接免費試用。壓縮代碼通常可以減少40%到65%。就簡化而言,如果可以使用一個樣式控件,則不需要兩個。這個想法是為了滿足網站的頁面布局和少量代碼
減少HTTP請求
根據數據,流量計將花費80%的時間加載腳本、CSS樣式表、圖片和其他網站元素,而只有大約20%的時間將用于加載網站的其他主文本內容。問題是每個網站都會有HTTP請求,而同時只能有兩個HTTP請求。在這種情況下,如果同時請求兩個以上的HTTP請求,勢必會減慢網站的打開速度。如圖所示:
在找到HTTP請求對網頁速度的影響后,下一個解決方案是減少HTTP請求的數量
3:設置JavaScript代碼、CSS代碼和圖片的服務器端緩存
您發現,如果用戶第一次訪問您的網站,那么用戶下次再次訪問您的網站時,速度會更快。原因是什么?原因是瀏覽器緩存
大多數服務器或空間默認設置了緩存功能。網站管理員或SEOER需要做的是在后臺設置相應的文件類型和過期時間。這里的建議是:如果是Windows主機,請將圖片、CSS和JavaScript文件的緩存時間設置為30天;如果是apacheweb服務器,請使用mod
緩存模塊啟用緩存功能
上圖顯示:網站打開的速度和速度
IV:優化CSS中的引用圖片
假設頁面需要大量外圍圖片,如以下圖標。如果單獨調用這些圖片,請求數將增加,這表明如果有太多的cssimages,請求數將增加,網站打開速度將減慢
如果我們將頁面所需的圖片合并為一張圖片,這些圖片的請求數將變為1,頁面速度將相對更快。如何將所需圖片放在圖片上并在相應位置調用?該方法在于坐標定位。也就是說,圖像路徑是通過CSS坐標獲得的,相應的坐標在標簽中引用
如果你知道前端,這些都不是大問題。如果你不知道CSS,CSS圖片合并生成器工具(百度可以)可以直接提供相應的內容:合并CSS圖片并同時生成相應的代碼
5:跳轉代碼位置,跳轉代碼加載順序
點擊網站后,頁面代碼從上到下加載。因此,我們能夠&;書信電報;頭部和;燃氣輪機;腳本代碼的一部分應該相應地調整
很簡單。讓我們檢查一下(&W);書信電報;頭部和;燃氣輪機;帶(&A);lt;/頭部和;燃氣輪機;它們之間的代碼(主要是JavaScript腳本代碼)將不重要和不必要的內容調整到頁面底部。只要頁面可以正常顯示,其他統計代碼可以稍后加載
例如什么是搜索引擎優化,這個網站,分享和其他按鈕都放在底部
壓縮圖像
數據表明,圖像加載時間是導致網站速度的因素。如果圖像加載速度問題得到解決,頁面速度問題將解決一半以上。假設網站有大量JPG和其他格式的圖片,有必要在不影響視覺的情況下盡可能多地壓縮它們,以減小圖片本身的大小。與壓縮JavaScript文件類似,大量在線工具提供相應的壓縮服務,大量圖像編輯軟件,如MeituXiuXiu,具有壓縮功能
服務器端啟用gzip壓縮功能
gzip壓縮是高效的數據壓縮格式。如果啟用gzip壓縮,壓縮率通常可以達到75%左右,效果非常明顯
大多數服務器(如虛擬主機和VP)都默認啟用了此功能。如果未啟用,您將無法設置相應的設置。建議直接聯系空間提供商,讓他們解決問題。