过多此类图像会增加网站的加载时间
Posted: Sun Feb 02, 2025 3:33 am
对于在移动网站上使用较小图像尺寸的用户来说,平均文件大小为 54.1 KB。
请记住,显示屏幕截图的方法有很多种:运行测试以找出哪些图像最能引起用户的共鸣。
您还可以考虑用其他较小的图像替换屏幕截图或创建类似卡通的模型。或者,您可以裁剪屏幕截图并放大部分内容以突出显示特定功能,同时减小图像的尺寸。
还可以截取屏幕截图,其中某些元素(例如文本)仅被模糊处理,以便专注于软件的外观和工作方式。
但请确保您不会错过向潜在客户可信地展示自己的机会,否则将失去与提供详细、高质量屏幕截图的竞争对手的竞争优势。
关于图像大小的最后一条提示:尝试以网站上显示的大小上传图像。如果一张图片本来就只能以 280 像素的大小显示,那么就没必要大费周章地以 1,500 像素的宽度上传。
2. 减少网站上的报价
仔细浏览您的网站,确保您只向您的(潜在)客户展示最相关的内容和具有最高附加值的图像。
幻灯片等元素或资源包含大量导航图形和选项。即使是子页面上的软件的多张屏幕截图乍一看也很有用,但很快就会变得难以承受。
并降低单个图像的影响力,而这些图像实际上旨在作为吸引注意力或说明个别要点的“快照”。
但要小心:不要从每个角落开始并结束删除内容。在开始删除过程之前,请与您的网站管理员以及产品和营销团队沟通。
3.不要在网站上托管视频
讨论了这么长时间的图像之后,您可能会想,通过删除视频可以节省大量空间。然而,视频为您的用户提供了了解您的产品的宝贵机会,因此不应将其消除。
将您的视频托管在 YouTube、Wistia 或 Vimeo 等第三方网站上,而不是将其直接上传到您的网站。
4. 减小字体
减少网站上不同字体的数量,并考虑使用 Google Fonts 或 Adobe Fonts。
为什么? 很简单:通过Google Fonts API提供的字体会被 捷克共和国电报数据 自动压缩。下载后,它们会被缓存在浏览器中,并被任何其他使用 Google 字体 API 的网站重复使用。
5. 改进网站代码
页面速度良好的网站代码
清理网站代码以提高加载速度(来源)
只有那些能为您的用户提供真正附加值且不可或缺的资源才应被标记为关键。希望这些资源已经显示在您网站的“首屏”上,即无需滚动即可一目了然的区域。对于首屏以下的元素以及页面首次呈现时不是绝对必要的其他图像和数据,您可以使用延迟加载。
您还可以通过缩小 HTML、JavaScript 和 CSS 来优化您的网站代码,以删除浏览器不需要的信息。例如,其中包括空格、缩进和注释。在这里,我们已经进入了一个与开发人员更相关的领域,但请随时与您的网站管理员讨论:缩小尺寸可以将代码量减少10% 到 90%。
请记住,显示屏幕截图的方法有很多种:运行测试以找出哪些图像最能引起用户的共鸣。
您还可以考虑用其他较小的图像替换屏幕截图或创建类似卡通的模型。或者,您可以裁剪屏幕截图并放大部分内容以突出显示特定功能,同时减小图像的尺寸。
还可以截取屏幕截图,其中某些元素(例如文本)仅被模糊处理,以便专注于软件的外观和工作方式。
但请确保您不会错过向潜在客户可信地展示自己的机会,否则将失去与提供详细、高质量屏幕截图的竞争对手的竞争优势。
关于图像大小的最后一条提示:尝试以网站上显示的大小上传图像。如果一张图片本来就只能以 280 像素的大小显示,那么就没必要大费周章地以 1,500 像素的宽度上传。
2. 减少网站上的报价
仔细浏览您的网站,确保您只向您的(潜在)客户展示最相关的内容和具有最高附加值的图像。
幻灯片等元素或资源包含大量导航图形和选项。即使是子页面上的软件的多张屏幕截图乍一看也很有用,但很快就会变得难以承受。
并降低单个图像的影响力,而这些图像实际上旨在作为吸引注意力或说明个别要点的“快照”。
但要小心:不要从每个角落开始并结束删除内容。在开始删除过程之前,请与您的网站管理员以及产品和营销团队沟通。
3.不要在网站上托管视频
讨论了这么长时间的图像之后,您可能会想,通过删除视频可以节省大量空间。然而,视频为您的用户提供了了解您的产品的宝贵机会,因此不应将其消除。
将您的视频托管在 YouTube、Wistia 或 Vimeo 等第三方网站上,而不是将其直接上传到您的网站。
4. 减小字体
减少网站上不同字体的数量,并考虑使用 Google Fonts 或 Adobe Fonts。
为什么? 很简单:通过Google Fonts API提供的字体会被 捷克共和国电报数据 自动压缩。下载后,它们会被缓存在浏览器中,并被任何其他使用 Google 字体 API 的网站重复使用。
5. 改进网站代码
页面速度良好的网站代码
清理网站代码以提高加载速度(来源)
只有那些能为您的用户提供真正附加值且不可或缺的资源才应被标记为关键。希望这些资源已经显示在您网站的“首屏”上,即无需滚动即可一目了然的区域。对于首屏以下的元素以及页面首次呈现时不是绝对必要的其他图像和数据,您可以使用延迟加载。
您还可以通过缩小 HTML、JavaScript 和 CSS 来优化您的网站代码,以删除浏览器不需要的信息。例如,其中包括空格、缩进和注释。在这里,我们已经进入了一个与开发人员更相关的领域,但请随时与您的网站管理员讨论:缩小尺寸可以将代码量减少10% 到 90%。