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

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

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

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

過多的css

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