关于图片繁重的站点、压缩和页面加载缓慢的建议

时间:2020-10-01 作者:parker davis

我有一个视频游戏迷网站。就其本质而言,它是图像密集型的。

无论我如何捕获图像、处理图像、通过压缩插件(如Smush或独立软件)运行图像,我都无法充分减少它们,这样它们就不会将我的页面加载时间拖入泥潭。至少没有那些看起来像垃圾的图片。

我正在使用Siteground web托管平台。

我需要关于如何在不损失太多质量的情况下更多地压缩图像的建议。如果可能的话。

我最近的想法是看看是否可以将图像存储在更快的地方(而不是我的webhost服务器)。这对我的技能或理解水平来说太复杂了。

欢迎提出任何建议。包括指导我去一个能帮上更多忙的地方。

2 个回复
最合适的回答,由SO网友:Stefano 整理而成

我认为,正如你已经指出的那样,最好的选择是把你的照片放在其他地方。我们使用亚马逊AWS S3帐户WP Offload Lite plugin 这一过程相当顺利

SO网友:Paul

有许多不同的方法可以优化图像。我会说,如果你不是很专业,或者只是没有时间或金钱,我建议你试试Jetpack:https://jetpack.com/support/site-accelerator/

它会自动将您的图像托管在他们的CDN上,这正是您想要做的。它还提供小于JPG或PNG的webp图像。

WordPress 5.5还添加了;“懒惰”;属性到图像标记,这意味着仅加载视口中可见的图像。https://make.wordpress.org/core/2020/07/14/lazy-loading-images-in-5-5/

图像优化的另一部分是确保为每个设备(移动/平板电脑/桌面)提供最佳的图像大小。这可以通过调整;“尺寸”;和;srcset“;属性。这是一个很好的解释https://cloudfour.com/thinks/responsive-images-the-simple-way/

Siteground也有我没有看过的图像优化工具,但是如果你使用最新的WordPress和Jetpack,它们可能不会有用https://www.siteground.com/tutorials/wordpress/sg-optimizer/image-optimizations/

相关推荐

Responsive header images

我刚刚建立了一个WordPress网站,但我的其他WordPress网站都有同样的问题:标题图像没有响应。不管屏幕有多小,它都有2000像素宽。我尝试了各种修复,从添加自定义CSS到安装特殊插件,但都没有成功。我最终通过选择不显示标题图像,然后打开文件标题来修复它。并手动在标题上方插入指向图像的链接。它工作得很好,但有两个注意事项。网站标题(在h1标签中)现在位于标题图像下方,而不是上方。此外,此修复程序仅适用于主页。我还没有弄清楚我要为其他页面做什么,除非我选择只在主页上使用标题图像。所以在我继续之前,