gpt4 book ai didi

css - 背景图片需要一段时间才能加载到 wordpress divi 主题中

转载 作者:行者123 更新时间:2023-11-28 14:59:52 26 4
gpt4 key购买 nike

我有一个 website其中标题背景图像需要一段时间才能加载。

我已经在部分模块设置中应用了背景图像,如下所示,并启用了视差效果

enter image description here

应用在背景图片上的CSS代码是:

element.style {
background-image: url();
height: 627px;
transform: translate(0px, 101.1px);
}

.et_parallax_bg {
display: block;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: top center;
background-size: cover;
}




问题陈述

我想知道是否需要在 CSS 代码中添加任何内容才能使背景图像加载速度更快,或者我需要调整图像大小。

最佳答案

问题出在你的形象上;与 CSS 或主题无关。尝试使用一些在线图像优化器来优化您的图像。

Google:在线图像优化器在线图像压缩器。这是一个建议:www.optimizilla.com ;这将修复加载时间并保持图像质量。

您当前的背景信息:4793x1905px 宽x高,文件大小为 924KB,差不多 1MB。

请问为什么要设计这么大的尺寸?

试试这张优化后的图片,让我们知道结果?

try to use this optimized图片:1900x755px 和 139KB。

以前标准的页面应该都在150KB以上。

在 Photoshop 中尝试以下方法来减小图像大小和质量:

A) Photoshop 菜单 --> 图像 --> 图像大小...然后调整

enter image description here

B) 当您另存为 PNG 时,尝试将质量调整到公平的水平:

enter image description here

这是 how to in GIMP .

或者你可以试试online image resize图像大小和质量。

注意:不仅图像导致您的网站加载缓慢;您可能需要一些 WordPress 速度优化专家或在互联网上研究如何做到这一点。

您的网站存在很多速度问题。

检查并比较:

enter image description here

这是加载当前背景的速度。

enter image description here

这是优化图像的速度(尽管尺寸和质量仍然很大)

enter image description here

这是整个站点的首页加载时间;尺寸太大,加载时间慢。

关于css - 背景图片需要一段时间才能加载到 wordpress divi 主题中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50399703/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com