這篇文章給大家分享的是有關如何提高Web性能的內容。小編覺得挺實用的,因此分享給大家做個參考,一起跟隨小編過來看看吧。
廣豐網(wǎng)站建設公司創(chuàng)新互聯(lián),廣豐網(wǎng)站設計制作,有大型網(wǎng)站制作公司豐富經(jīng)驗。已為廣豐數(shù)千家提供企業(yè)網(wǎng)站建設服務。企業(yè)網(wǎng)站搭建\成都外貿網(wǎng)站建設要多少錢,請找那個售后服務好的廣豐做網(wǎng)站的公司定做!
一. 清理 HTML 文檔
HTML,即超文本標記語言,幾乎是所有網(wǎng)站的支柱。HTML 為網(wǎng)頁帶來標題、子標題、列表和其它一些文檔結構的格式。在最近更新的 HTML5 中,甚至可以創(chuàng)建圖表。
HTML 很容易被網(wǎng)絡爬蟲識別,因此搜索引擎可以根據(jù)網(wǎng)站的內容在一定程度上實時更新。在寫 HTML 的時候,你應該嘗試讓它 簡潔而有效 。此外,在 HTML 文檔中引用外部資源的時候也需要遵循一些最佳實踐方法。
1.恰當放置CSS
Web 設計者喜歡在網(wǎng)頁建立起主要的 HTML 骨架之后再來創(chuàng)建樣式表。這樣一來,網(wǎng)頁中的樣式表往往會放在 HTML 的后面,接近文檔結束的地方。然而推薦的做法是把 CSS 放在 HTML 的上面部分,文檔頭之內,這可以確保正常的渲染過程。
這個策略不能提高網(wǎng)站的加載速度,但它不會讓訪問者長時間看著空白屏幕或者無格式的文本(FOUT)等待。如果網(wǎng)頁大部分可見元素已經(jīng)加載出來了,訪問者才更有可能等待加載整個頁面,從而帶來對前端的優(yōu)化效果。這就是知覺性能。
2.正確放置Javascript
另一方面,如果將 JavaScript 放置在 head 標簽內或 HTML 文檔的上部,這會阻塞 HTML 和 CSS 元素的加載過程。這個錯誤會導致頁面加載時間增長,增加用戶等待時間,容易讓人感到不耐煩而放棄對網(wǎng)站的訪問。不過,您可以通過將 JavaScript 屬性置于 HTML 底部來避免此問題。
此外,在使用 JavaScript 時,人們通常喜歡用異步腳本加載。這會阻止