项目上线时需要检查的清单
1. Browserstack 测试
- 桌面:测试最新版本的 Chrome、IE/Edge、Firefox、Safari
- 移动设备:在最新版本的 Mobile Safari、Android 上进行测试
2.前端清单
Assets
- 搜索资源
http://
。替换为https://
- Lint (s)css 资源
- Webfonts:是否在 Typekit、Fonts.com 等服务中配置了实时域?
- 是否为 autoprefixer 和 babel-preset-env 正确配置了浏览器列表?
- 使用 PurgeCSS 时:检查布局是否保留。
脚本
- 存在吗
yarn.lock
? - 检查 JS lint 错误。删除
console.log
脚本中的所有行 - 检查控制台错误
页面重量
- 评估至少一个主页的总权重
- 打开 Inspector 网络/时间线选项卡以识别重资产
- 检查重资产是否被缓存
Audits
- 使用 Chrome DevTools(在隐身模式下)并执行移动审核(带限制)来解决常见问题。
- 重复桌面审核。
3.检查内容(使用打开的控制台)
- 是否所有字符串/图像都存在(并已翻译)?
- 菜单/子菜单是否在每个页面上都有正确的活动状态?
- 是否提供 404、500 和 503 页面?它们是否提供有用的内容,例如“返回主页”、搜索或导航树?
- 检查所有页面是否有 n+1 个问题
Meta
- 检查页面标题/描述
- 测试 Facebook 分享。如果需要,提供 og-tags
- Favicon 是否加载?在 Safari 中固定选项卡以检查固定图标
对所有语言重复此部分
Components
- 谷歌地图
- 需要/配置 API 密钥?
- 检查信息窗口
- 防止缩小超过 1x 世界
- 尝试点击标记
- 表单:填写错误/正确的值
- 视频:打开声音检查
- 尝试使用不正确和正确的电子邮件订阅时事通讯(使用正确的邮件两次以获得“已订阅”消息)
- 检查电子邮件的布局
- 检查新闻、事件、产品等的结构化数据... https://search.google.com/structured-data/testing-tool/
4.后端清单
- 打开
/blender
- 从主菜单中删除未使用的模块
- 配置分析仪表板
- 创建一个新的管理员并尝试登录
- 尝试现有用户的密码重置流程
- 尝试保存文章/新闻/ ...
- 验证所有电子邮件收件人是否正确
- 扫描数据库以获取开发域的 URL
- 检查标题中的客户徽标
5. 服务器、DNS 和服务
- 如有必要,添加从旧页面到新页面的重定向。
- 安装 Let's Encrypt 证书
- 检查 SSL 证书健康状况https://www.ssllabs.com/ssltest/
- 检查您的主机文件以确保您正在查看实时站点
- 尝试访问
www
域,应该重定向到non-www
(注:此项不一定 ) - 尝试访问
http
,应该重定向到https
- 使用https://github.com/spatie/http-status-check验证所有 http 状态代码是否正常
- 使用https://github.com/spatie/mixed-content-scanner-cli扫描混合内容
- Verify that indexing is not prohibited with
x-robots-tag: none
by checkingcurl -I https://url | grep 'x-robots-tag'
. Allow robots in.env
- 删除开发 DNS 记录
- 使用https://www.whatsmydns.net/检查 dns 传播
- 验证标签管理器/分析是否已正确设置
谷歌搜索控制台
- 提交所有 all www/non-www http/https 变体
- 将non-www https 设置为首选域
- 抓取 > 以 Google 方式获取 > 提交到索引以启动索引
服务器
- 是否启用了 DigitalOcean 备份?
- 是否启用了亚马逊备份?
- artisan task 的输出
backup:run
可以吗? - 工匠是否安排在 Forge 上?
- Horizon 是否在 Forge 上的 Supervisor 中配置?命令应该是
php artisan horizon
. 路径应该是/home/forge/my-new-site.com/current
- Oh Dear!正在监控该网址吗??
- 服务器是否被我们的服务器监控器监控?
Github
- 删除
develop
分支或其他陈旧的分支
via https://github.com/spatie/checklist-going-live
相关博文
项目上线时需要检查的清单