每个人都想要一个好网站。很少有人知道它是什么需要。建造吸引人的网站和应用程序通常是开发者和营销人员的主要目标。提高网站性能的关键是使你的内容具有相关性和吸引力，并使你的网站快速和有趣的使用。然而，提供动态内容带来了一个挑战性的速度。许多人看到他们的网站在增加更多的特性和功能时速度变慢了。字体、JavaScript、CSS和HTML是重要因素，但图像和视频对膨胀的贡献最大，占页面的75%内容。最近他是Cloudinary的常驻图像优化专家和高级解决方案工程师，Simon Tetelbaum在我们的"如何优化页面加载速度"网络研讨会上介绍了如何优化页面加载速度，他在会上讨论了如何做到最好优化网站上的图像和视频以提高性能。网络研讨会讨论的挑战包括：衡量内容以建立和维护一个前沿网站调整媒体以跨不同设备进行响应式交付跨不同浏览器处理多种图像类型说到速度，你需要能够衡量网站上的内容，并找出它如何影响你的页面加载时间。Simon向您推荐了一些现在可以开始使用的前沿工具。最好的部分？他们都是免费的。速度曲线：监控前端性能和站点构建，以显示最具影响力的区域。将您的站点与其他站点进行比较，并显示改进的地方。网页测试.org：运行网站速度测试并分解网站内容的加载方式。包括详细的优化建议。谷歌灯塔：一个开源的，自动化的工具，可以提高你的网页质量。Simon讨论的另一个挑战是调整媒体以跨不同设备进行响应式交付。例如，与从笔记本电脑上观看相比，在移动设备上自动向用户提供缩小的图像大小可以极大地改善移动用户体验。一种（如果不是最有效的方法）是使用SrcSets。SrcSets允许您利用多个图像和大小属性来帮助浏览器确定要请求的图像。像Cloudinary这样的服务有助于简化这一过程。Cloudinary使用先进的技术来自动化优化和响应图像。自动：在支持的浏览器上自动将传送的图像转换为WebP和JPEG-XR，以节省带宽并优化传送时间。自动：自动计算图像的最佳质量。换言之，它会找到不影响感知质量的最小文件大小。自动：自动决定图像的哪个部分要保留，哪些部分要裁剪或删除。自动：只向设备分辨率或浏览器大小需要的用户提供最大或最高分辨率的图像。dpr_auto：物理像素和逻辑像素之间的比率。使用dpr参数设置传送图像的dpr值。看到它的行动！综上所述，许多因素都会影响您的网站性能。格式、压缩和自动响应是对您的页面最有意义的影响速度。所以，你的网站堆积得怎么样？您是否以最佳格式向潜在客户提供内容？如果今天不能免费注册Cloudinary。您将发现优化的性能可以为您的网站和您的业务。再读图像优化使用Cloudinary优化网站图像和快速交付完整的PHP图像压缩和优化指南Vue.js版教程：Web应用程序的图像优化Python图像优化与操作Ruby中的图像优化WordPress的图像优化了解JPEG2000的优缺点在网站或本地应用程序上采用Android的WebP图像格式10个网站图片错误，加载速度慢自动缩小图像大小而不丢失质量自动生成占位符并加快页面加载3种渐进式JPEG编码方法