然而，在訪客看到您的網站之前，有一個小但至關重要的步驟：網站加載的速度有多快？
在有線寬頻或 WiFi 連線的桌上型 柬埔寨手機號碼列表 電腦（或 Mac）上，網站速度往往很快，而且頁面速度通常對使用者來說不是問題。
行動裝置則完全是另一回事——手機硬體的處理能力較慢，如果沒有 WiFi，它們可能有 4G 甚至只有 3G 連線。
因此，設計人員在創建網站時必須考慮行動設備，確保它們看起來不錯，而且載入速度也很快。谷歌的「行動優先」政策是推動開發者考慮手機和平板電腦用戶體驗的關鍵，該政策自 2018 年開始實施。
同時，網路速度多年來不斷提高，與網路技術的能力一致。 「宣傳冊網站」已成為過去，使用者和客戶都期望永遠有用的網路體驗作為標準。
現在，進入二十一世紀二十一年，網頁設計不僅僅是標誌、文字和圖片。網路已成為一個充滿微妙而複雜體驗的世界，音訊、視訊和多種互動已成為標準。
目前的用戶期望快速加載的網站，可以選擇按一下按鈕打電話給您、打開聊天視窗、「查看立即購買」按鈕、查看 Instagram feed 等。
渲染和開銷
然而，所有這些功能和特性都是有代價的。
早在 1996 年，網頁就很可能是用原始 HTML 寫的，因為當時還沒有（很少？）內容管理系統 (CMS)。 Drupal 於 2001 年首次出現，WordPress 於 2003 年成為部落格平台，Joomla！ 2005 年從 MamboServer 發展而來。
然而，CMS 帶來的所有好處也帶來了相反的影響，例如「程式碼膨脹」。對於自訂 HTML 網站，開發人員只需編寫他們需要的程式碼。 CMS 傾向於使用比提供基本頁面所需的程式碼更多的程式碼來提供基本層級的功能。
當然，CMS 具有無限的可擴展性和可配置性，但要提供一個基本的網頁「Hello World！」需要使用大量的 HTML。原始程式碼頁和 WordPress 等 CMS 之間存在顯著差異。
即使在過去的十年中，根據 HTTP Archive 的數據，2010 年平均網頁大小為 481K。此圖顯示 2010 年平均網頁大小為 481k。
到 2021 年，這個數字將增加到 2204kb，幾乎是原來的四倍。
此圖顯示 2021 年平均網頁大小為 2173k（行動裝置為 1935k）。
影片在增加頁面重量方面發揮了重要作用，圖像和 JavaScript 也變得越來越大。
所有這些額外的內容和功能都需要更多的程式碼來處理。這會給渲染程式碼的設備帶來額外的負擔。然後，當您將自訂字體、處理所有功能的腳本和複雜樣式表的趨勢添加到混合中時，以幫助在行動裝置、平板電腦和桌面上顯示複雜的設計，每個頁面載入都會產生大量“開銷」。
規模很重要，複雜性也很重要
當您的網頁設計師創建一組漂亮的圖像來展示您的新網站的外觀時，他們會考慮您需要的所有功能和功能。 一個真正優秀的網頁設計機構也會考慮所有這些功能如何增加程式碼的臃腫和開銷。他們也會告訴你。
是的，任何設計師都可以在網站的儀表板上添加影片、複雜的副本、互動式滑桿、表單、詳細圖像、「簡單」建立器等。
最好的設計師足夠體貼和專業，足以驚嘆“買者自負”，並讓你知道他們“可以”做你想做的一切，但這是有代價的。通常，這個價格就是頁面速度。尺寸很重要。複雜性也是如此。具有多個外部資源（您的影片、字體、腳本等）的大型複雜網頁將需要更長的時間來載入和渲染。
渲染是您的網頁瀏覽器從網站伺服器取得程式碼中的所有佈局指令並在本機瀏覽器（無論是在桌上型電腦還是行動裝置上）中重新建立該佈局的過程。如果您想知道的話，它被稱為文件物件模型 (DOM)，它會佔用您的伺服器、PC 或手機上的處理能力。您希望確保您的網站使用盡可能少的 CPU，因為這使得網站渲染和網站速度更快。
保持簡單
當與您當地的網頁設計公司合作時，儘管您可能希望添加所有最新的趨勢、功能和功能，但真正保持簡單是有好處的。
有兩個著名的原則傾向於這一點：
“少即是多”
並且，摘自 Antoine de Saint Expury 的引言：
“完美不是在沒有什麼可以添加的時候實現的，而是在沒有什麼可以刪除的時候實現的。”
2006 年微軟重新設計 iPod 包裝的影片就是一個完美的例子。
擁有真正了解受眾的洞察力和紀律，然後創建完全滿足他們需求的網頁體驗是您的最終目標。
透過專注於為網站訪客提供最佳的使用者體驗，您將在多個層面上取得最佳表現：創造出色的品牌體驗、滿足客戶的需求並讓搜尋引擎滿意。
我們剛剛提到了搜尋引擎嗎？
您的網頁設計師創建了一個漂亮的網站，您的網頁開發人員使其完美運行，伺服器為您的用戶提供完美的體驗，搜尋引擎將需要能夠抓取您的網站並為其建立索引。
因此，除了滿足您的業務和客戶之外，您還必須讓搜尋引擎滿意。畢竟，如果您依靠搜尋引擎優化 (SEO)來創建出色的自然流量管道，那麼您絕對必須確保搜尋引擎對您的網站也有良好的體驗。
最近在duda CMS的一次網路研討會上，Google 的開發者倡導者 Martin Splitt 討論了 Google 搜尋呈現的主題。他強調了這個過程的許多方面，但最突出的問題包括，網頁上執行的次數越多，伺服器CPU、用戶的本地處理器以及搜尋引擎爬蟲的資源消耗就越大。
他提到了網頁的複雜性，指出保持DOM盡可能低是好的，並且當 Google 抓取網頁時，「中心註釋」是幫助搜尋引擎理解並最終對內容進行排名的關鍵。
基本上，Google 查看網頁並使用自然語言處理 (NLP)，透過分離選單、正文、特色連結和樣板等元件來理解佈局樹的語義。
這一切都為您的設計階段帶來了影響——您的網頁設計師需要對佈局有深入的了解，並能夠標記設計，以便它們立即轉化為完美的網頁佈局。
外賣
俗話說「美麗只是膚淺的」 。在指定和建立網站時，請確保您的設計和功能也考慮到底層結構。正如我們所討論的，在開發需要快速、美觀和功能性的網站時，具有DOM和渲染的程式碼庫越來越重要。
您的用戶期望快速、流暢的用戶體驗，而且搜尋引擎將能夠輕鬆抓取您的網站。搜尋引擎機器人了解網頁的速度和結構，因此也讓它們變得容易，您的網站將在自然排名中受益。
聰明行銷的標誌 - 漢普郡、薩里和伯克郡的數位行銷機構。聰明的行銷設計漂亮的網站，創造有用的功能，同時考慮底層結構及其對速度的影響。
與我們討論您的下一個網站設計項目，我們將成為您希望之前與您打交道的綜合開發商。
