关于我思我行在GTmetrix上的评分

我思我行是一个纯静态的网站,在本地使用组件统一修改和管理,更新到线上之前需要跑脚本把所有组件内联,再更新站点。

意思就是说,理论上来讲,在这种情况下影响GTmetrix的评分最大的因素就只有首页大小服务器带宽了。

抱着尝试的心态也是测了一下,评分很理想啊:

GTmetrix评分截图

GTmetrix评分关键指标

GTmetrix主要评估以下几个维度:

  • Performance Score(性能分数):基于Lighthouse的综合评分
  • Structure Score(结构分数):页面结构和最佳实践的遵循程度
  • Web Vitals
    • LCP (Largest Contentful Paint):最大内容绘制时间
    • TBT (Total Blocking Time):总阻塞时间
    • CLS (Cumulative Layout Shift):累积布局偏移
  • Page Size(页面大小):总传输字节数
  • Requests(请求数):HTTP请求总数
  • Load Time(加载时间):完全加载所需时间

纯静态网站的性能优势

相比传统的动态网站或SPA应用,纯静态网站在性能上有天然优势:

特性 纯静态 SPA应用 动态网站
首次渲染速度 ⚡ 极快 🐌 较慢 🐢 慢
SEO友好度 ✅ 完美 ⚠️ 需SSR ✅ 良好
服务器压力 💪 极低 💪 低 😰 高
维护复杂度 😊 简单 😐 中等 😓 复杂