关于我思我行在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 | ✅ 良好 |
| 服务器压力 | 💪 极低 | 💪 低 | 😰 高 |
| 维护复杂度 | 😊 简单 | 😐 中等 | 😓 复杂 |