這是一項關(guān)于幫助和改進前端優(yōu)化的技術(shù)，對前端人員來說是非常有用的知識。主要內(nèi)容包括清理代碼、壓縮圖片、壓縮外部資源等方法。這些方法將顯著提高您的網(wǎng)站的速度和整體性能。I.清理HTML文檔

HTML，即超文本標記語言，幾乎是所有網(wǎng)站的支柱。HTML將標題、子標題、列表等文檔結(jié)構(gòu)格式帶到網(wǎng)頁上。最近更新的HTML圖表甚至可以在5中創(chuàng)建。HTML網(wǎng)絡(luò)爬蟲很容易識別，所以搜索引擎可以根據(jù)網(wǎng)站的內(nèi)容實時更新。HTML盡量讓它簡潔有效。另外，在HTML在文檔中引用外部資源時，還需要遵循一些實踐方法。.恰當放置CSS

Web設(shè)計師喜歡建立主要的網(wǎng)頁HTML然后在骨架后創(chuàng)建樣式表。這樣，網(wǎng)頁上的樣式表通常會放置在HTML接近文檔結(jié)束的地方。然而，推薦的方法是把它放在后面CSS放在HTML以上部分，文檔頭內(nèi)，可保證渲染過程正常。這種策略不能提高網(wǎng)站的加載速度，但它不會讓訪問者長時間看著空白屏幕或者無格式的文本（FOUT）等待。如果網(wǎng)頁的大部分可見元素已經(jīng)加載，訪問者更有可能等待加載整個頁面，從而帶來前端的優(yōu)化效果。這就是知覺性能。.正確放置Javascript另一方面，如果將JavaScript放置在head標簽內(nèi)或HTML文檔的上部會堵塞HTML和CSS元素的加載過程。這種錯誤會增加頁面加載時間，增加用戶的等待時間，讓人感到不耐煩，放棄訪問網(wǎng)站。然而，你可以通過JavaScript屬性置于HTML避免這個問題的底部。另外，在使用中JavaScript人們通常喜歡用異步腳本加載。這將阻止它<script>標簽在HTML呈現(xiàn)過程，如文檔中間的情況。雖然對于網(wǎng)頁設(shè)計師來說，HTML它通常是值得使用的工具之一CSS和JavaScript一起使用可能會減慢網(wǎng)頁瀏覽速度。CSS和JavaScript有利于網(wǎng)頁優(yōu)化，但在使用時也要注意一些問題。CSS和JavaScript避免嵌入代碼。因為當你嵌入代碼時，你應(yīng)該CSS放置在樣式標記中，并在腳本標記中使用JavaScript，這將增加每次刷新網(wǎng)頁時必須加載的內(nèi)容HTML代碼量。二、優(yōu)化CSS性能

CSS，即級聯(lián)風格表，可從HTML描述內(nèi)容生成專業(yè)整潔的文件。CSS需要通過HTTP請求來引入（除非使用內(nèi)聯(lián)CSS），因此，你應(yīng)該努力消除負擔CSS但要注意保留文件的重要特征。Banner、使用插件和布局風格CSS如果保存在不同的文件中，訪問者的瀏覽器每次訪問都會加載大量的文件。雖然現(xiàn)在HTTP/2的存在減少了這個問題的發(fā)生，但是加載外部資源還是需要很長時間的。了解如何減少HTTP請大大縮短加載時間，請閱讀WordPress性能。此外，許多網(wǎng)站管理員錯誤地使用了網(wǎng)頁@import引入外部樣式表的指令。這是一種過時的方法，阻止瀏覽并行下載。link標簽是選擇，也可以提高網(wǎng)站的前端性能。多說一句，通過link標簽請求加載的外部樣式表不會阻止并行下載。3、減少外部HTTP在許多情況下，網(wǎng)站的大部分加載時間來自外部Http請求。外部資源的加載速度因主機提供商的服務(wù)器結(jié)構(gòu)和位置而異。減少外部請求的步驟是簡要地檢查網(wǎng)站。研究您網(wǎng)站的每個組成部分，以消除任何影響訪問者體驗的組成部分。這些組件可能是：1.不必要的圖片2.沒用的JavaScript代碼

過多的css

4.去除這些多余的成分后，將多余的插件整理出剩余的內(nèi)容，如壓縮工具CDN服務(wù)及預獲取（prefetching）等等，這些都是管理HTTP請求的選擇。此外，減少DNS路由搜索教程將教你如何逐步減少外部HTTP請求。事實上，我們似乎需要花費大量的精力進行前端優(yōu)化。我相信本應(yīng)用程序指南中的一些技巧可以幫助您大大提高網(wǎng)站的加載速度。一般來說，網(wǎng)站加載得越快，用戶體驗就越好。因此，提高網(wǎng)站速度是前端優(yōu)化的必要內(nèi)容。