? ? ??提高網站速度和性能的清單

網站設計工作流程包括幾個單獨的部分，這些部分是完成以獲得高質量產品（網站）所必需的。從聯(lián)系客戶，確定項目目標，研究，尋找靈感，規(guī)劃，用戶體驗設計，線框和原型設計，模型設計，開發(fā)，提供良好的性能和網站加載速度，測試和發(fā)布。

我們今天將詳細討論并且不可忽視的因素是網站速度和性能優(yōu)化。下面我們將介紹在全球網絡上發(fā)布網站之前應該注意的事項清單：

提供高質量的服務器 -?速度和服務器響應時間是您在啟動網站之前應該注意的第一個參數(shù)。提供最佳性能的解決方案是CDN網絡，其由多個位置的服務器組成。最近的服務器可以自動激活并向訪問者提供內容。除了CDN之外，還有許多提供卓越性能的托管解決方案。瀏覽，測試并選擇最適合您網站需求的選項。

減少HTTP請求的數(shù)量 -每個腳本，樣式表，圖像..代表單獨的HTTP請求。大多數(shù)頁面加載時間用于下載單個組件。在Web開發(fā)期間，我們應盡力減少HTTP請求的數(shù)量。以下五點是可用于減少HTTP請求數(shù)量的技術：

結合CSS和JavaScript文件 -?通過組合多個腳本或樣式集，您可以顯著減少HTTP請求的數(shù)量。

在網站上保持最佳照片數(shù)量 -?每張照片都是一個HTTP請求。確保所有網頁都具有最佳圖像數(shù)量，并且在代碼中正確使用它們。

選擇合適的圖像格式 -?對于照片和真彩色圖像使用JPEG，對于具有平面顏色和PNG格式的圖像使用GIF。

減小網頁的大小 -確保瀏覽器中加載的HTML文件的最終大小盡可能小。使用以下技術：

圖像壓縮 -?圖像是可以使用最多內存（數(shù)據量）的元素。在調用代碼中的圖像之前進行壓縮。有幾種不同的方法可以做到這一點，其中最快最有效的方法之一就是使用Adobe Fireforks軟件。最適合網絡的圖形格式是JPEG - 它提供了質量和數(shù)據之間的最佳平衡。

減少圖像顏色 -?圖像文件將更小，顏色更少。

不要在HTML中縮放圖像 -?不要使用會影響圖像尺寸變化及其縮放的規(guī)則。如果使用高度和寬度屬性，則圖像的實際尺寸應與它們匹配。

調整圖標 -?瀏覽器始終檢查是否有圖標，無論您是否擁有圖標。創(chuàng)建一個小圖標，它將具有較小的尺寸，并根據您網站的更新頻率將Set Expires標頭調整為您認為最佳的周期。

最小化文件 -?HTML，CSS和JavaScript壓縮（縮小）刪除頁面上的代碼片段之間的空白空間，從而減少代碼的整體大小。

把CSS放在首位 -?把CSS放在我們實現(xiàn)的文檔的頭部，首先加載樣式，提高加載速度和用戶體驗，因為用戶將看到加載的進度。

將腳本放在底部 -?腳本下載阻止所有其他下載。將腳本放在底部的目的是在腳本之前加載其他組件。有時可能無法將所有腳本放在底部，例如，如果頁面某些部分的加載依賴于腳本或腳本需要在加載文檔之前加載。

使用外部JavaScript和CSS文件 -?將腳本和CSS放在外部文件中允許瀏覽器緩存它們。如果使用內聯(lián)樣式，則每次加載網頁時都會加載它們。

從代碼中刪除HTML注釋 -?即使注釋對于更容易維護有用，也會影響加載頁面的速度。

刪除任何不重要的項目 -?如果頁面上有元素旨在證明您的設計技能，我們建議刪除它們。專注于簡單性和更好的用戶體驗。

避免嵌套的整頁表 -?嵌套或占用整個頁面的表需要更長的時間來加載。

檢查鏈接 -?不正確的鏈接會影響較慢的頁面加載。這僅適用于圖像，CSS和JavaScript文件的鏈接。文本中斷開的鏈接不會對加載速度產生負面影響，但它們肯定對網站不利。

小心CSS表達式 -?如果使用CSS表達式動態(tài)定義某些頁面屬性，這會降低代碼執(zhí)行速度。解決方案是使用一次性表達式。

清潔代碼 -?代碼必須是完美的，不使用會減慢頁面速度的不必要元素。您還應該注意代碼編寫的效率（尤其是JavaScript）。從CSS中刪除不必要的類和選擇器。您可以在“資源”部分中看到一些有用的工具。

減少DNS查找次數(shù) -?頁面上的每個唯一主機名都需要DNS鎖定，因此請注意腳本，對象，圖像和其他組件中不同主機名的數(shù)量。

避免重定向 -?重定向對用戶不利，因為他們必須等待瀏覽器查找新頁面。

使用圖標字體 -?圖標字體是非常有用的選項，因為它們允許您使用單個文件使用不同類型的矢量圖形。提高性能的解決方案是將索引添加到數(shù)據庫表中。通過這種方式，我們獲得了更快的數(shù)據庫響應，從而提高了網站加載速度。

無論您是從頭開始創(chuàng)建新網站還是已經在線，您都可以按照我們的清單并使用提供的工具和資源，以便將網絡性能提升到最高水平。您投資改善此細分市場的時間與網站設計工作流程的所有其他元素相結合，將獲得回報，并為您帶來良好的在線結果。

?