地 址：北京市通州區66號 電 話(huà)：17717464068 網(wǎng)址：www.hunqingrc.com 郵 箱：[email protected]
網(wǎng)頁(yè)設計師似乎一直在努力優(yōu)化其創(chuàng )作。??在短期內，制作這將有利于性能。需注需費從長(cháng)遠來(lái)看，意什優(yōu)化用它也可以簡(jiǎn)化維護。網(wǎng)站網(wǎng)站
通常，制作這意味著(zhù)優(yōu)化圖像，需注需費通過(guò)內容分發(fā)網(wǎng)絡(luò )（CDN）實(shí)現頁(yè)面緩存和提供文件。意什優(yōu)化用這些都是網(wǎng)站網(wǎng)站有效的措施。但是制作，沒(méi)有引起足夠重視的需注需費一項內容是網(wǎng)站CSS的潛在膨脹。
雖然您可(ke)以縮小樣式表或通(╬ ò﹏ó)過(guò)CDN提供樣式表，意什優(yōu)化用但可以做更多的網(wǎng)站網(wǎng)站事情。具體來(lái)說(shuō)，制作刪除那些沒(méi)有被使用的需注需費樣(yang)式，并格式化仍然有用的樣式。
最好從構建過(guò)程的一開(kāi)始就完成。但是，也有(you)可能減輕現有網(wǎng)站的負擔。讓我們看一下所涉及的挑戰，以及一些可以使網(wǎng)站速度更快的工具和(he)技術(shù)。
過(guò)去，網(wǎng)站本質(zhì)上是從頭開(kāi)始構建的。這是一個(gè)很棒的方法，因為設計師可以只包含所需的樣式和腳本。如果謹慎進(jìn)行，此過(guò)程可能會(huì )導致網(wǎng)站的優(yōu)化。
當然，有許多原因導致我們許多人放棄了這種做法。就時(shí)間和預算限制而言，這根本沒(méi)有效率。
因此，現代網(wǎng)站通常建立在預建產(chǎn)品之上(shang)。那┐(′д｀)┌可能是CSS框架，例如Bootstrap或精心設計的WordPress主題。在某些情況下，CMS主題甚至可能包含框架。
這些產(chǎn)品是一刀切的。通過(guò)包含您可能需要的所有內(nei)容，它可以使開(kāi)發(fā)(′；ω；`)更快。不幸的是，不能說(shuō)它們對性能的影響。
從理論上講，既有可能在避免膨脹的同時(shí)獲得框架的優(yōu)勢。這可以通過(guò)使用基于組件的程序包來(lái)實(shí)現，這些程序包使您可??以加載特定功能，而忽略其他功能。前面提到的Bootstrap確(◎_◎;)實(shí)允許這種類(lèi)型的定制。
另一個(gè)(ge)替代方法是Tailwind CSS，它提供了基(╥_╥)本樣式，并假定您將在它們之上進(jìn)行構建。如果您正在尋找一個(gè)很好的起點(diǎn)，而(er)不是??更(geng)成品，那么這可能是個(gè)(ge)合適的選擇。
使用框架沒(méi)有錯。但是(shi)，請尋找以下之一：a）讓您選擇要加載的組件；b）提供可以輕松自(zi)定義的準系統樣式表。無(wú)論哪種方式，您的項目(′Д` )都將從減少的負載中受益。
避免主題臃腫的最佳方法是創(chuàng )建自己的主(╯‵□′)╯題。例如，Wo(′?｀)rdPress入門(mén)主題將提供一些您可以自(zi)定義的準系統CSS。這有助于確(que)保樣式表更簡(jiǎn)潔，并至少消除與CMS相關(guān)的少量開(kāi)銷(xiāo)。
可以通過(guò)以下兩種??方式之一來(lái)改變我們對現有網(wǎng)站的關(guān)注，整理和重構CSS：
啟動(dòng)您最喜歡的代碼編輯器并打(′?｀*)開(kāi)網(wǎng)站的樣式表始終是一個(gè)不錯??的起點(diǎn)。是的，這可能是一個(gè)乏味的經(jīng)歷。但(dan)這也是照顧低掛水果的有效方法。
不必仔細檢查CSS的每一行。取而代之的是，該想法是找到您未使用或效率不高的(⊙_⊙)所有項目。
例如，假設您運行的WordPre??ss網(wǎng)站具有一些自定義樣(╯°□°）╯︵ ┻━┻式以覆蓋插件的樣式。如果您不再使用該特定插件怎么辦？在這種情況下，可以輕松刪除樣式。
或者，也許您偶爾會(huì )使用一些樣式，例如在寒假期間???？赡苡斜匾獙⑦@些樣式移動(dòng)到單獨的文件中，并僅在需要時(shí)調用它們。
然后是一些CSS選擇器，它們寫(xiě)得不太好。也許他們有許多不(′?｀)再需要的瀏覽器前綴或不必要的重復屬性。這是清理的成熟區域。
如果您的網(wǎng)站設計已有兩年之久，您可能會(huì )驚訝于可以找到多少多余(′▽?zhuān)?的樣式。
有很多工具可以?huà)呙枘?de)網(wǎng)站（或網(wǎng)站的至少一部分）并使用未使用的CSS列表進(jìn)行報告。我們測試了其中一些工具，如果您有興趣嘗試這些工具中的一種或多種，下面是我們推薦的自動(dòng)化工具：
最重要的是，將CSS縮減為基本要素并不是一件易事，但是仍然值得您花費時(shí)間和精力。
版權聲明：本文內容由互聯(lián)網(wǎng)用戶(hù)自發(fā)貢獻，(′▽?zhuān)?該文觀(guān)點(diǎn)僅代表作者本人。本站僅提供信息存儲空間服?務(wù)，不擁有所有權，不承擔相關(guān)法律責任。如發(fā)現本站有涉嫌抄襲侵權/違法違規的內??容， 請發(fā)送(′?｀)郵件至 [email protected] 舉報，一經(jīng)查實(shí)，本站將立刻刪除。
