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

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

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

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

過(guò)多的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)站的加載速度。一般來(lái)說(shuō)，網(wǎng)站加載得越快，用戶(hù)體驗(yàn)就越好。因此，提高網(wǎng)站速度是前端優(yōu)化的必要內(nèi)容。