2013-11-30 分類: 網站建設
自從互聯網的創建以來,平均文件大小一直在穩步增長,它的性能和可維護性的影響是可怕的,在老化設備,帶寬限制,或在一般的速度慢,
值得慶幸的是,我們不僅控制了文件大小,而且還控制了頁面在瀏覽器中的呈現方式。這種控制給了Web開發人員喜歡我們自己一個機會,以幫助緩解這個問題,并優化我們的代碼,以更好的性能在這個過程中。
大多數互聯網連接在美國,為什么還要麻煩?
性能和優化都是關于多快我們可以下載內容。也有不少SEO和用戶體驗的好處被抽空看看我們的代碼。更何況,通過更好的性能優化代碼,減少文件大小已減少我們的帶寬成本之額外的好處,減少帶寬的使用(認為ISP /蜂窩數據帽)在用戶層面以及。
思維模塊化是第一步
模塊化的代碼通常會在更多的選擇形式的膨脹。在這里,我們想認為模塊化的組合,盡可能多的我們的代碼盡可能。如果我們能將兩類到一個和使用更少的代碼來提供相同的結果,我們應該。
模塊化并不重要,當它涉及到基本的HTML和CSS,但是當你進入JavaScript的更復雜的世界,有太多的膨脹能傷害你-尤其是在移動。
深圳網站制作如何優化你的網站速度" alt="深圳網站制作如何優化你的網站速度" src="/upload/pic2/441eb23c451421f93b11d9cbfe3686ae.jpg" />
減少HTTP請求和依賴
請求是最重要的因素
在放緩最頁面加載速度。每個額外的要求增加了膨脹和另一層復雜的解析和下載過程。它往往容易忘記調用圖像從你的樣式表也是好的,所以一定要限制那些使用替代的優化方法如精靈或SVG可能時。
當我們對外部的依賴的話題,如果你的網站足夠大,需要幾十個請求至少…也許是時候考慮使用CDN。使用CDN分發您的內容不會減少文件的大小和/或負荷倍去除額外的HTTP請求在一起,但它可以刪除任何慢服務器連接出方程至少。
生產與開發環境代碼庫
在比較您的開發和生產級代碼庫時,應該有一個非常明顯的區別。僅采取這一步,有時會看到大的文件大小的減少在整個董事會。
這是典型的今天看到開發人員參考他們的“生產”或“開發”的環境,特別是在大型項目。但它也有用的事情,以及較小的結束。這兩個環境之間大的差異可以看出,圖像壓縮和壓縮/壓縮編碼。
最后,我們希望我們的生產環境是盡可能的精益和快速,而我們的開發環境應該是相同的,只有減去圖像/代碼壓縮優化。
使用內置的工具,如PS圖象處理軟件的“另存為網頁”可以壓縮圖像的一個很好的起點。有大量的知識進行探索,以及與圖像格式,壓縮算法,質量控制和好實踐的對話。
對于代碼,使用壓縮通常取決于你正在使用的語言。它也很值得商榷是否壓縮代碼幫助或傷害其他人試圖理解你的代碼,但這是一次談話。當涉及到普通HTML和CSS,我喜歡使用谷歌的htmlcompressor和CSS YUI壓縮機服務。
寫更聰明,更具可讀性的代碼
有時,我們寫的代碼是鏈中最慢的一環。低效的CSS或JavaScript可以傷害加載臃腫倍以上,你可能認為。這是Mozilla后進入有關詳細寫精益的CSS選擇器和解釋瀏覽器如何呈現他們的重要性。總之,寫作的準確路徑下鏈的選擇比單純使用最小的唯一可識別的選擇反而更有效。他們都直接的造型到同一個元素,后者簡單地得到工作做得多,更快。
JavaScript可以甚至比寫得不好的CSS更糟糕的是,在許多情況下,它是容易被忽視的。有多少次你復制和粘貼一個外部JS庫到你的項目沒有真正深入探討源本身?Typekit是一個典型的例子,當他們的服務器檔能帶來網頁使用字體的膝蓋并造成額外的30秒甚至幾分鐘的額
外負荷時間。
值得慶幸的是,這樣的事件很少發生,但它仍然是好的做法叫JavaScript上如果可能的話,為的是與谷歌分析案例。這樣做可以讓瀏覽器解析通過頭文件(CSS,HTTP請求,等)和顯示標記,JavaScript開始慢下來之前。
保持HTML很簡單
為了保持我們的目標寫精簡的CSS選擇器和保持膨脹到最低,編寫高效的HTML也應該是一個優先事項。
CSS重置目標通常是所有常見的元素和執行“復位”的造型上。所以,即使你沒有目標,額外的div,它可能仍然放慢了至少有Padding和Margin復位。通常情況下,一個或兩個div不會真的傷害了什么。只有當你開始結束與幾十個他們做的事情變得瘋狂。隨著更多元素的HTML5規范的介紹,我們也在這方面有更大的靈活性以及。
谷歌喜歡它當我們寫干凈的代碼
谷歌已經把它的優先順序,把互聯網的集體塑造。為了在他們的搜索結果中占據突出的位置,頁面現在必須支付關鍵的關注,許多不同的屬性,他們如何呈現。調用太多的外部資源,有大得出奇的圖像,或是寫得不好的JavaScript能把網站排名。
值得慶幸的是,這是一個良好的意圖,因為他們的要求一個良好的搜索排名是建立在良好的發展實踐。谷歌還提供了一個非常深入的指南,以優化你的網站的不同方面,為更好的搜索引擎優化-這也發生在同一時間,以促進夢幻般的發展實踐。
結論
當成都網站制作如何優化你的網站速度優化我們的代碼時,我們不僅要考慮文件大小,但也考慮如何將閱讀;無論是通過瀏覽器,甚至其他人。移動使用也應該考慮到,與許多服務提供商實施非常約束的數據帽這些天。
因此,雖然它可能需要額外的時間來執行所有的優化,這是一個值得努力,因為它不僅提供了更好的性能在瀏覽器和移動,但也有機會促進更好的開發實踐,甚至讓你的內容更高級別的搜索引擎,如谷歌。
當前文章:深圳網站制作如何優化你的網站速度
當前URL:http://m.newbst.com/news2/19552.html
成都網站建設公司_創新互聯,為您提供Google、營銷型網站建設、軟件開發、網站維護、靜態網站、建站公司
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯
猜你還喜歡下面的內容