讓我們開始吧！ 🚀
將網站丟入野外網路是一件大事，因此確保首先加強每個細節是關鍵。
我的意思是，您想確保您的網站在手機和平板電腦上看起來很流暢，而不僅僅是桌上型電腦（響應能力）。並且您希望真實的人也能夠找到並使用您的網站（SEO）。
我列出的這份清單列出了 14 項必須做的事情 - 涵蓋可用性、可存取性、SEO 優化、出現問題時的備份計劃、確保事物安全的 SSL 以及使用 CDN 加快加載時間等內容。
所有需要檢查的關鍵框，以便您的網站在發佈到世界各地之前被鎖定和加載。 🌐
簡介⏱️
-
反應能力📱
-
輔助使用♿
-
可用性👍
-
加載時間短⏱️
-
SSL 憑證🔒
-
優化圖片🌅
-
使用後備🔄
-
仔細檢查連結和表格✔️
-
404 頁面與圖示 🚫🤔
-
縮小檔案📦
-
專業領域🌐
-
這個🔍
-
使用 CMS 🖥️
-
額外提示🎁
1. 回應能力📱💻
如今，使您的網站響應式是網頁開發的重要組成部分。確保您的網站在筆記型電腦、桌上型電腦、手機和平板電腦上看起來不錯。
使用每種流行的瀏覽器測試您的網站。它需要與所有瀏覽器的最新版本相容。
您永遠無法知道某些使用者將使用什麼裝置和瀏覽器來造訪您的網站。
至少會有人嘗試在裝有過時版本三星瀏覽器的舊 Galaxy S3 上執行它。 📲
2. 輔助功能 ♿
網路可存取性是指設計和開發殘疾人可以使用的網站和技術。
簡而言之，網站應該可供所有人存取，這意味著即使是殘疾人也應該理解、導航並與之互動。
開發網站時應考慮許多因素。
其中一些是：加入鍵盤導航、使用 ARIA 角色、在文字和背景之間使用足夠的顏色對比度、向所有圖像加入替代文字以及為連結使用描述性名稱。 🌐
3.可用性👍
可用性衡量特定使用者如何有效地使用網站來實現既定目標。
確保您的網站易於使用。使用者應該能夠快速、輕鬆地找到他需要的東西。
您需要像訪客一樣查看網站上的每個元素。文字應該易於在行動裝置和其他標準設備上閱讀，並且您應該使導航清晰且易於理解。
您網站的兩個版本上的內容應該相同。 🕵️♂️
4.載入時間短⏱️
網站頁面載入速度是您應該考慮的最重要的事情之一。
你不應該讓你的用戶等待很長時間；您網站的使用者體驗變得很糟糕。
您的網站應該盡快加載，而且網站速度已成為當今 SEO 的首要任務之一。 🚀
5.SSL憑證🔒
SSL 代表安全通訊端層。
SSL 憑證可讓您使用 HTTPS 進行安全資料傳輸，並將確保您的網站經過加密，以便駭客無法攔截您的任何資料。
這不僅會讓您的訪客放心，而且還會提高您網站的搜尋引擎優化 (SEO)，因為 SSL 現在是 Google 搜尋演算法的一部分。 🔐
6.優化圖片🌅
無論您的網站如何優化，圖像始終是頁面上加載最慢的元素之一。
因此，優化網站上的圖像至關重要。
最好避免使用 TIFF 或 BMP 影像，而堅持使用 JPEG 和 PNG。
另外，您應該避免空圖像 src 程式碼行。在部署您的網站之前，跨網頁優化您的圖片；否則，將會影響您的頁面載入時間。 📸
7. 使用後備。確保使用後備 🔄
「後備」只不過是在瀏覽器無法呈現特定 HTML 標記、CSS 屬性或腳本時向瀏覽器提供的附加選項。
回退最常與 HTML5 標籤和 CSS3 屬性一起使用，這兩個屬性都是新的，並且在某些瀏覽器中可能不完全支援。 🛡️
8. 仔細檢查所有連結和表格 ✔️
在部署網站之前，請務必檢查所有連結、按鈕、表單等。它們是否正常運作？
經常發生這樣的情況：開發時有效的連結在生產中部署後可能無效。
按鈕和表單也是如此。始終檢查是否有損壞的連結和文件。 🚫🔗
9. 404，網站圖示。 🚫🤔
404 頁面很重要，因為訪客可能會輸錯或點擊錯誤的連結，因此您不希望存取者看到難看的錯誤警告。
確保您已在網站上設定自訂 404 頁面以防止這種情況發生。 🚧
10.縮小檔案📦
縮小是最小化網頁和腳本檔案中的程式碼和標記的過程。
這是減少網站載入時間和頻寬使用的主要方法之一。
主要目標是刪除冗餘或不必要的資料，例如間距和註釋。 🧹
11.專業領域🌐
如果您希望您的網站看起來專業，請購買專業網域。
不要使用「.netlify.app」、「.vercel.app」等網域。
許多初學者買不起專業域名，但專業域名總是看起來比子域名更好。 💼
12.這個🔍
SEO 是您應該關心的最重要的主題之一。
SEO 可以提高您網站在搜尋結果中的排名。
而且，獲得高排名的主要目的是吸引更多流量並將流量轉化為客戶。 📈
13. 使用 CMS 🖥️
CMS 代表內容管理系統。
如果您使用CMS，您可以輕鬆更改CMS中的任何內容，而無需重複編輯程式碼。
使用 CMS 的另一個好處是，如果您的網站內容是由非技術人員建立和編輯的，他們需要有一個良好的 GUI 介面。 🤖
14.額外提示🎁
-
確保您的網站沒有任何重大漏洞。 🛡️
-
將腳本放在底部。將樣式表放在頂部。 📜
-
使用 CDN（內容傳遞網路）。 🌐
-
避免重定向。 🔄
-
使用快取。 🔄
總結🌟
準備好將您的網站推向世界了嗎？我感覺到你了。很嚇人但很刺激！當您為發布日做準備時，請牢記這 14 件事，它們將幫助您建立一個由內而外令人驚嘆的網站。
有很多事情需要考慮，但為了創造出令你自豪的東西是值得的。只要不斷改進即可。
你的網站從未真正完成，
將其視為一個有生命、不斷進化的事物！ 🌱
與我聯絡：Linktree
我希望這篇文章對您有所幫助❤️
快樂編碼！ 🚀
感謝11671！ 🤗
原文出處：https://dev.to/arjuncodess/14-things-to-check-before-deploying-a-website-49ee
1) --- 會變成分隔線（上一行必須是空白）
2) # 會變成一級標題
3) ## 會變成二級標題
4) ### 會變成三級標題
5) **粗體文字**會顯示粗體文字
6) ```當第一行與最後一行會顯示程式碼
7) 請搜尋 Markdown 語法，了解各種格式