tical.css 文件是第 3 个请求。在这里,所线出现在 2.3 秒标记处。
关键渲染瀑布图 - 较慢
但在内联关键 CSS 文件(压缩后约 8KB)后,运行 法国号码 相同测试时差异非常显著,因为开始渲染和 FCP 时间快了 500 毫秒以上。尽管由于包含内联 CSS 的 HTML 稍大,第一个字节时间增加了约 100 毫秒。
关键渲染瀑布图 - 更快
以响应式(且负责任)的方式生成图像
优化不佳的图片会对性能和核心网络要素产生重大影响,尤其是出现在首屏的图片。针对图片性能的最佳实践也与更好的可访问性和技术 SEO 因素密切相关。
1. 使用最合适的图像文件类型
Web 支持的图像(除了 .webp 等较新的格式)几乎都是 JPG、PNG、GIF 或 SVG。每种格式都有各自的优势和用例,对于任何内容管理员来说,了解这些差异非常重要,以避免上传不必要的大图像,因为这可能会影响性能。
JPG 图像
与其他格式不同,JPG 是“有损”的,这意味着由于文件中删除了数据,因此可以实现更大的压缩。JPG 最适合具有大量颜色变化的照片或图像,从设计平台导出时应将其视为默认格式。以大约 60% 的压缩率导出将允许文件大小小得多,通常不会有任何实际可察觉的质量损失。