提高页面速度通常需要各种工具的支持。其中一些工具用于测量页面速度,而另一些工具则用于减小页面资源的大小。在本文中,我们创建了一个库,供您参考。
如果我们需要列出本文中的工具涵盖的领域:
- 确定页面速度的工具
- 减小图像尺寸的工具
- CSS、JavaScript、HTML 优化工具
确定页面速度的工具
- Google Pagespeed洞察: 最著名的页面速度工具。它使用 Lighthouse 基础架构对网站进行评分,并提供过去 28 天的数据。
- 网页测试:该平台对其基础设施执行三种不同的测试以提供平均结果,并通过 API 提供更具技术性的报告。
- 特雷奥:唯一基于 Pagespeed 和 CrUX 基础设施呈现过去 12 个月视觉数据的平台。
- GTmetrix:一种使用 Lighthouse 基础设施提供网站速度洞察并给出自身分数的工具。
- 达累布斯:提供网站基础设施速度信息的工具。
- Calibri 应用程序:一种允许您使用 Lighthouse 基础架构将多个页面与竞争对手进行比较的工具。
- 速度曲线:这是一种付费工具,您可以在其中找到 RUM 和合成网站速度数据。
- 黄色实验室:一种有用的工具,可在其基础设施上提供独特的可改进指标。
- 速度套件:不仅可以诊断而且可以处理网站问题的罕见工具之一,可作为 WordPress 插件使用,也可用于普通网站。
- Perfmatters.io:WordPress 的轻量级性能插件。
减小图像尺寸的工具
- 想象网:一种用于减小图像尺寸的工具,带有 API 和 WordPress 插件。
- Squosh.app:一种非常简单快速的工具,用于将图像转换为 MozJPEG、OptiPNG 和 WebP 等格式。
- TinyJPG: 一个用于减小 JPG 尺寸的简单工具。
- TinyPNG:上一个工具的 PNG 版本。
- Compressor.io:一个压缩 JPEG、PNG、GIF 和 SVG 格式的平台,并以其比较视觉效果脱颖而出。
- Kraken:最古老、最强大的具有 API 支持的工具之一,提供 JPEG、PNG、GIF、动画 GIF 和 SVG 格式,以及 WordPress 和 Magento 插件。
- Optimizilla:一个简单且非常有用的 JPEG 和 PNG 文件压缩器。
- ImageOptim:一种在线工具,特别适用于 Mac 电脑上的批量图像压缩。
- 暗恋照片:一种使用 Shopify 和 WordPress 插件对图像进行无损优化的工具,也可通过 API 使用。
- Minifier:Shopify 的 SEO 友好工具,可以为图像生成 alt 标签。
- GIMP 保存为 Web:适用于 Windows 的允许批量图像压缩的应用程序。
- 网站图像分析工具:根据输入的URL告诉你哪种图片格式更加优化的工具。
CSS、JavaScript、HTML 优化工具
- 刷新SF:在一个网站上压缩 CSS、JS 和 HTML 的工具。
- 干净的CSS:一种广泛使用的CSS压缩工具。
- 斯蒂莱尼特:在单一平台上压缩CSS、JS和HTML格式的工具。
- Css 优化器:提供CSS优化的平台。
- 制表机:压缩HTML、CSS和JSON代码结构的平台。
- Minifier:压缩CSS和JS结构的平台。
- 关键 CSS:由 Addy Osmani 开发的用于从页面中提取关键 CSS 的 GitHub 源代码。
- 净化CSS:一个非常有用的工具,可以分离页面上未使用的 CSS。
这些工具可以显著提高你的 网站的表现 通过优化各个方面,从页面速度测量到资产大小减少和代码优化。