写点东西《在部署网站之前要检查的 14 件事 》
写点东西《在部署网站之前要检查的 14 件事 》
- 开始吧！
- 1. 响应能力
- 2. 辅助功能 ♿
- 3. 可用性
- 4. 短加载时间 ⏱️
- 5. SSL 证书
- 6. 优化图像
- 7. 使用回退。确保使用回退
- 8. 仔细检查所有链接和表单 ✔️
- 9. 404，Favicon。
- 10. 压缩文件
- 11. 专业领域
- 12. SEO
- 13. 使用 CMS ️
- 14. 奖励提示
- 总结
开始吧！
将网站投放到广阔的网络中是一件大事，因此确保每个细节都经过仔细检查是关键。
我的意思是，您希望确保您的网站在手机和平板电脑上看起来很流畅，而不仅仅是台式机（响应能力）。您还希望人们能够找到并使用您的网站（SEO）。
我整理的这份清单列出了 14 项必做之事——涵盖可用性、可访问性、SEO 优化、出现问题时的备份计划、用于确保安全性的 SSL 以及用于加快加载速度的 CDN 等内容。
在向世界发布网站之前，所有关键的方框都必须勾选，以便锁定并加载您的网站。
1. 响应能力
如今，让您的网站响应式是 Web 开发的重要组成部分。确保您的网站在笔记本电脑、台式机、手机和平板电脑上看起来不错。
使用每种流行的浏览器测试您的网站。它需要与所有浏览器的最新版本兼容。
您永远不知道您的部分用户将使用什么设备和浏览器来访问您的网站。
至少会有一位尝试在装有旧版三星浏览器的旧款 Galaxy S3 上运行它。
2. 辅助功能 ♿
Web 无障碍性是指设计和开发残障人士可以使用的网站和技术。
简单来说，网站应该对每个人都是无障碍的，这意味着即使是残障人士也应该能够理解、导航和与之交互。
在开发网站时，您应该实施许多因素。
其中一些是：添加键盘导航、使用 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，Favicon。
404 页面很重要，因为访问者可能会输入错误或点击错误的链接，因此您不希望访问者看到难看的错误警告。
确保您已在网站上设置自定义 404 页面以防止这种情况发生。
10. 压缩文件
压缩是指最小化网页和脚本文件中的代码和标记的过程。
这是减少网站加载时间和带宽使用量的主要方法之一。
主要目标是删除多余或不必要的数据，例如空格和注释。
11. 专业领域
如果您想让您的网站看起来专业，请购买一个专业域名。
不要使用诸如“.netlify.app”、“.vercel.app”等域名。
许多初学者负担不起专业域名，但专业域名看起来总是比子域名更好。
12. SEO
SEO 是您应该关心的最重要的主题之一。
SEO 可以提高您网站在搜索结果中的排名。
但同时，获得高排名的主要目的是吸引更多流量并将其转化为客户。
13. 使用 CMS ️
CMS 代表内容管理系统。
如果您使用 CMS，则可以轻松更改 CMS 中的任何内容，而无需反复编辑代码。
使用 CMS 的另一个好处是，如果您的网站内容是由非技术人员创建和编辑的，他们需要有一个良好的 GUI 界面。
14. 奖励提示
- 确保您的网站没有任何重大漏洞。️
- 将脚本放在底部。将样式表放在顶部。
- 使用 CDN（内容分发网络）。
- 避免重定向。
- 使用缓存。
总结
准备将您的网站发布到世界各地？我理解您的感受。这既可怕又激动人心！在您准备发布之日时，请牢记以下 14 件事，它们将帮助您构建一个从内到外都令人惊叹的网站。
需要考虑很多事情，但值得您为此创造出自己引以为豪的东西。只需不断进行改进即可。
你的网站永远不会真正完成，
把它看作一个不断演变的东西！