大型網站性能優(yōu)化(頁面(HTML)優(yōu)化的方法)

2023-09-22    分類： 網站建設

頁面(HTML)優(yōu)化的方法
除了語言層面上進行優(yōu)化外，對Web開發(fā)，HTML的優(yōu)化將很大程度上減輕服務器的負載，提高網站的性能
1）. 減少HTTP請求數(shù)。
打開網頁烏發(fā)散，瀏覽器會發(fā)出很多請求，圖片，腳本，每個對象的加載都需要花時間， 需要減負載。
1. 合并CSS,Js文件 ，減少Http的請求數(shù)
2. 合并框架圖片以及相當變動較少的圖片，合成一張。有時直接用Css完成。
3. 合理的使用本地的Cached來緩存 js/css/image
2）. 減少被請求文件的大小，較少請求數(shù)據占用的網絡帶寬。
1. 壓縮Js體積， 刪除沒有空行，注釋，變量名。 大型的Js很亂，沒有空行或換行，其實也是優(yōu)化的表現(xiàn)
2. 壓縮CSS體積
3. 用XHtml + Css 方式搭建網站結構，提高CSS的重用性
4. 用服務端GZip壓縮JS/Css 文件， 縮小傳輸文件大小(16.7.2)
3）. 通過版本化控制客戶端的緩存
1. 通常JS/CSS這類文件改動比較頻繁，為加載加快，可能要設置這類文件的過期時間，為幾天后從而實現(xiàn)緩存，那我們的問題就是如何及時的更改這些被緩存的文件了。
2. 通過修改JS版本來及時告訴瀏覽器， 如： 該JS文件名，路徑， URL Rewrite，大版本不變，小版本不斷追加，等一定時間后統(tǒng)一更新
4）. 幫頁面減肥 。簡潔風格，少用Flash等
5）. 刪除頁眉可有可無的內容。 如空格，注釋
6). 刪除頁面代碼中的空語句
7). 刪除HTMl中的默認值，什么顏色，對齊之類的
8. 優(yōu)化CSS文件
9. Visibility 快于Display
圖片的時隱時現(xiàn)，如果是保持決定位置，用Visibility 好。 none,hidden . visibility: hindden
10. 緩存區(qū)是區(qū)分大小寫的，保持url大小寫一致性
11. 讓html標記有始終。 減少瀏覽器的判斷時間
12. 不用將全部內容塞入一個Table中。 因為Talbe要等內容加載完畢才顯示出來。如果某些內容有錯，將拖延頁面的訪問速度。
13. 如果有廣告代碼，放入iframe中最好了。

分享文章：大型網站性能優(yōu)化(頁面(HTML)優(yōu)化的方法)
文章源于：http://muchs.cn/news22/283222.html

成都網站建設公司_創(chuàng)新互聯(lián)，為您提供商城網站、搜索引擎優(yōu)化、網站營銷、小程序開發(fā)、手機網站建設、Google

廣告

聲明：本網站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)

成都網站建設公司