feat: add security headers + SSL Labs checks; compact layout

- checker.js: checkSecurityHeaders() graded A+-F, checkSSL() via SSL Labs API
- Both run in parallel with sitespeed.io to minimise wait time
- DB: auto-migrate headers_json + ssl_json columns
- Layout: coach scores + CWV side-by-side, headers + SSL below
- Scorecard + CWV made compact

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
2026-04-07 12:10:22 +02:00
parent bf08b6e9af
commit bb2b3384f0
8 changed files with 197 additions and 17 deletions

View File

@@ -1,12 +1,11 @@
- function scoreColor(s) { return s == null ? '#9ca3af' : s >= 90 ? '#22c55e' : s >= 50 ? '#f59e0b' : '#ef4444'; }
- function scoreBg(s) { return s == null ? 'bg-gray-100 text-gray-400' : s >= 90 ? 'bg-green-100 text-green-700' : s >= 50 ? 'bg-yellow-100 text-yellow-700' : 'bg-red-100 text-red-700'; }
- const scores = [['Overall', job.score_overall], ['Performance', job.score_performance], ['Best Practice', job.score_bestpractice], ['Privacy', job.score_privacy]]
- const scores = [['Overall', job.score_overall], ['Perf', job.score_performance], ['Best Practice', job.score_bestpractice], ['Privacy', job.score_privacy]]
div(class='bg-white border border-gray-200 rounded-xl p-5')
h2(class='text-base font-semibold mb-4') Coach Scores
div(class='flex flex-wrap gap-4 justify-start')
div(class='bg-white border border-gray-200 rounded-xl p-4 h-full')
h2(class='text-sm font-semibold mb-3 text-gray-600 uppercase tracking-wide') Coach Scores
div(class='flex flex-wrap gap-3 justify-start')
each item in scores
div(class='flex flex-col items-center gap-1')
div(class=`score-circle w-16 h-16 text-xl ${scoreBg(item[1])}`)
div(class=`score-circle w-12 h-12 text-base ${scoreBg(item[1])}`)
= item[1] != null ? Math.round(item[1]) : '?'
span(class='text-xs text-gray-500 text-center')= item[0]