自從互聯(lián)網(wǎng)的創(chuàng)建以來(lái)，平均文件大小一直在穩(wěn)步增長(zhǎng)，它的性能和可維護(hù)性的影響是可怕的,在老化設(shè)備，帶寬限制，或在一般的速度慢，

值得慶幸的是，我們不僅控制了文件大小，而且還控制了頁(yè)面在瀏覽器中的呈現(xiàn)方式。這種控制給了Web開(kāi)發(fā)人員喜歡我們自己一個(gè)機(jī)會(huì)，以幫助緩解這個(gè)問(wèn)題，并優(yōu)化我們的代碼，以更好的性能在這個(gè)過(guò)程中。

大多數(shù)互聯(lián)網(wǎng)連接在美國(guó)，為什么還要麻煩？
性能和優(yōu)化都是關(guān)于多快我們可以下載內(nèi)容。也有不少SEO和用戶體驗(yàn)的好處被抽空看看我們的代碼。更何況，通過(guò)更好的性能優(yōu)化代碼，減少文件大小已減少我們的帶寬成本之額外的好處，減少帶寬的使用（認(rèn)為ISP /蜂窩數(shù)據(jù)帽）在用戶層面以及。

思維模塊化是第一步
模塊化的代碼通常會(huì)在更多的選擇形式的膨脹。在這里，我們想認(rèn)為模塊化的組合，盡可能多的我們的代碼盡可能。如果我們能將兩類到一個(gè)和使用更少的代碼來(lái)提供相同的結(jié)果，我們應(yīng)該。
模塊化并不重要，當(dāng)它涉及到基本的HTML和CSS，但是當(dāng)你進(jìn)入JavaScript的更復(fù)雜的世界，有太多的膨脹能傷害你-尤其是在移動(dòng)。

減少HTTP請(qǐng)求和依賴
請(qǐng)求是最重要的因素
在放緩最頁(yè)面加載速度。每個(gè)額外的要求增加了膨脹和另一層復(fù)雜的解析和下載過(guò)程。它往往容易忘記調(diào)用圖像從你的樣式表也是好的，所以一定要限制那些使用替代的優(yōu)化方法如精靈或SVG可能時(shí)。
當(dāng)我們對(duì)外部的依賴的話題，如果你的網(wǎng)站足夠大，需要幾十個(gè)請(qǐng)求至少…也許是時(shí)候考慮使用CDN。使用CDN分發(fā)您的內(nèi)容不會(huì)減少文件的大小和/或負(fù)荷倍去除額外的HTTP請(qǐng)求在一起，但它可以刪除任何慢服務(wù)器連接出方程至少。

生產(chǎn)與開(kāi)發(fā)環(huán)境代碼庫(kù)
在比較您的開(kāi)發(fā)和生產(chǎn)級(jí)代碼庫(kù)時(shí)，應(yīng)該有一個(gè)非常明顯的區(qū)別。僅采取這一步，有時(shí)會(huì)看到最大的文件大小的減少在整個(gè)董事會(huì)。
這是典型的今天看到開(kāi)發(fā)人員參考他們的“生產(chǎn)”或“開(kāi)發(fā)”的環(huán)境，特別是在大型項(xiàng)目。但它也有用的事情，以及較小的結(jié)束。這兩個(gè)環(huán)境之間最大的差異可以看出，圖像壓縮和壓縮/壓縮編碼。

最后，我們希望我們的生產(chǎn)環(huán)境是盡可能的精益和快速，而我們的開(kāi)發(fā)環(huán)境應(yīng)該是相同的，只有減去圖像/代碼壓縮優(yōu)化。
使用內(nèi)置的工具，如PS圖象處理軟件的“另存為網(wǎng)頁(yè)”可以壓縮圖像的一個(gè)很好的起點(diǎn)。有大量的知識(shí)進(jìn)行探索，以及與圖像格式，壓縮算法，質(zhì)量控制和最佳實(shí)踐的對(duì)話。
對(duì)于代碼，最好使用壓縮通常取決于你正在使用的語(yǔ)言。它也很值得商榷是否壓縮代碼幫助或傷害其他人試圖理解你的代碼，但這是一次談話。當(dāng)涉及到普通HTML和CSS，我喜歡使用谷歌的htmlcompressor和CSS YUI壓縮機(jī)服務(wù)。

寫更聰明，更具可讀性的代碼
有時(shí)，我們寫的代碼是鏈中最慢的一環(huán)。低效的CSS或JavaScript可以傷害加載臃腫倍以上，你可能認(rèn)為。這是Mozilla后進(jìn)入有關(guān)詳細(xì)寫精益的CSS選擇器和解釋瀏覽器如何呈現(xiàn)他們的重要性。總之，寫作的準(zhǔn)確路徑下鏈的選擇比單純使用最小的唯一可識(shí)別的選擇反而更有效。他們都直接的造型到同一個(gè)元素，后者簡(jiǎn)單地得到工作做得多，更快。
JavaScript可以甚至比寫得不好的CSS更糟糕的是，在許多情況下，它是容易被忽視的。有多少次你復(fù)制和粘貼一個(gè)外部JS庫(kù)到你的項(xiàng)目沒(méi)有真正深入探討源本身？Typekit是一個(gè)典型的例子，當(dāng)他們的服務(wù)器檔能帶來(lái)網(wǎng)頁(yè)使用字體的膝蓋并造成額外的30秒甚至幾分鐘的額

外負(fù)荷時(shí)間。
值得慶幸的是，這樣的事件很少發(fā)生，但它仍然是好的做法叫JavaScript上如果可能的話，為的是與谷歌分析案例。這樣做可以讓瀏覽器解析通過(guò)頭文件（CSS，HTTP請(qǐng)求，等）和顯示標(biāo)記，JavaScript開(kāi)始慢下來(lái)之前。

保持HTML很簡(jiǎn)單
為了保持我們的目標(biāo)寫精簡(jiǎn)的CSS選擇器和保持膨脹到最低，編寫高效的HTML也應(yīng)該是一個(gè)優(yōu)先事項(xiàng)。
CSS重置目標(biāo)通常是所有常見(jiàn)的元素和執(zhí)行“復(fù)位”的造型上。所以，即使你沒(méi)有目標(biāo)，額外的div，它可能仍然放慢了至少有Padding和Margin復(fù)位。通常情況下，一個(gè)或兩個(gè)div不會(huì)真的傷害了什么。只有當(dāng)你開(kāi)始結(jié)束與幾十個(gè)他們做的事情變得瘋狂。隨著更多元素的HTML5規(guī)范的介紹，我們也在這方面有更大的靈活性以及。

谷歌喜歡它當(dāng)我們寫干凈的代碼
谷歌已經(jīng)把它的優(yōu)先順序，把互聯(lián)網(wǎng)的集體塑造。為了在他們的搜索結(jié)果中占據(jù)突出的位置，頁(yè)面現(xiàn)在必須支付關(guān)鍵的關(guān)注，許多不同的屬性，他們?nèi)绾纬尸F(xiàn)。調(diào)用太多的外部資源，有大得出奇的圖像，或是寫得不好的JavaScript能把網(wǎng)站排名。
值得慶幸的是，這是一個(gè)良好的意圖，因?yàn)樗麄兊囊笠粋€(gè)良好的搜索排名是建立在良好的發(fā)展實(shí)踐。谷歌還提供了一個(gè)非常深入的指南，以優(yōu)化你的網(wǎng)站的不同方面，為更好的搜索引擎優(yōu)化-這也發(fā)生在同一時(shí)間，以促進(jìn)夢(mèng)幻般的發(fā)展實(shí)踐。

結(jié)論
當(dāng)深圳網(wǎng)站制作如何優(yōu)化你的網(wǎng)站速度優(yōu)化我們的代碼時(shí)，我們不僅要考慮文件大小，但也考慮如何將閱讀；無(wú)論是通過(guò)瀏覽器，甚至其他人。移動(dòng)使用也應(yīng)該考慮到，與許多服務(wù)提供商實(shí)施非常約束的數(shù)據(jù)帽這些天。
因此，雖然它可能需要額外的時(shí)間來(lái)執(zhí)行所有的優(yōu)化，這是一個(gè)值得努力，因?yàn)樗粌H提供了更好的性能在瀏覽器和移動(dòng)，但也有機(jī)會(huì)促進(jìn)更好的開(kāi)發(fā)實(shí)踐，甚至讓你的內(nèi)容更高級(jí)別的搜索引擎，如谷歌。

深圳網(wǎng)站設(shè)計(jì)哪家好

龍崗網(wǎng)站建設(shè)

深圳網(wǎng)站制作案例