javascript - Flickity 轮播图像未完全加载

Question

我目前正在使用 Flickity 库在我的 wordpress 网站上显示 corousels。

问题：当网站produkte第一次加载时，很多图像没有完全加载，只有第一厘米。

我很高兴收到有关此问题的任何提示。

亲切的问候卢卡斯

Answer 1

1) 使用 Photoshop 或以下 url 优化图像，然后在 word press 中上传或在您的 word press 网站中添加图像优化器 a​​pi

https://kraken.io/web-interface

2) 缩小 CSS

3）利用浏览器缓存来缓存可缓存项

4) 缩小 HTML

也与https://gtmetrix.com/进行交叉检查

希望这将有助于提高网站性能 祝你好运

Answer 2

您可以获得的最大改进是优化图像大小以使其尽可能小。使用此在线服务来减小图像尺寸。

https://tinypng.com/

您还可以安装像 Smush 这样的插件，以便在上传图像时自动优化图像。

https://wordpress.org/plugins/wp-smushit/

此外，为了将来减少图像大小，您可以安装此插件以确保调整过大文件的大小。

https://wordpress.org/plugins/imsanity/

完成此操作后，您可以使用缓存插件来加快站点的整体性能。