背景图像需要同时加载wordpress divi主题

Question

我有一个website，其中标题背景图片需要加载。

我已在部分模块设置中应用了背景图片，如下所示视差效果。

在背景图片上应用的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代码中添加任何内容以使背景图像加载更快或我需要调整图像大小。

Answer 1

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

Google：图片优化工具或图片压缩在线。 这是一个建议：www.optimizilla.com;这将确定加载时间并保持图像质量。

您当前的背景信息：4793x1905px widthxheight，文件大小为924KB，差不多1MB。

我想知道你为什么要这么大？

尝试这个优化的图像，让我们知道结果吗？

图片：1900x755px和139KB。

在过去，标准页面应该超过150KB。

在Photoshop中尝试以下操作以减少图像尺寸和质量：

A）Photoshop菜单 - ＆gt;图像 - ＆gt;图像大小...然后调整

B）当您保存为PNG时，请尝试将质量调整为公平：

这是how to in GIMP。

或者您可以尝试使用online image resize图片尺寸和质量。

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

您的网站有很多速度问题。

检查并比较：

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

这是优化图像的速度（尽管仍然是大尺寸和高质量）

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