Javascript 四个分区未同时加载

我正在wordpress上建立一个网站，其中有四个分区（请查看第一张图片），内容如下：

区域1：它直接从html代码加载纯文本内容

区域2：它加载4篇文章，其中包含类别1中的缩略图图像，并显示为滑块

区域3：它还加载了4篇带有缩略图的文章，但是来自类别2，并显示为滑块

区域4：它使用contact form-7插件加载带有4个文件的联系人表单

现在的问题是，当页面加载时，AREA-1和AREA-4加载速度快且可见，没有AREA-3和AREA-4，这看起来很奇怪。这是页面加载时的样子（下图）：

请问我如何解决这个问题？我想把它们都装在一起。 有一个大的图像滑块（在顶部），页面上还有四个图像。因此，对区域1和区域4使用onload事件将导致区域2和区域3的加载速度加快。如果我对所有区域使用onload，那么页面将保持为空，而所有滑块图像都将加载。它们的图像很大，看起来不太好。 那么，是否有任何方法可以同时加载所有要加载的4个区域，而不管图像滑块（位于顶部）是否已完全加载？我不太擅长javascript。因此，任何帮助都将非常感激。

2选项：

预加载图像

隐藏文本区域，直到onload事件发生

---

将第一个和第四个设置为隐藏，然后在onload事件中再次显示它们这更像是一个设计问题。。和你的设计师谈谈。我建议为区域2和3加载动画，并在加载后渲染内容arrives@Igle有一个带有4个图像的大滑块。使用onload将使区域2和3的加载速度比区域1和4快。如果我对所有区域使用onload，则在加载滑块图像时，页面将为空。我希望同时加载所有四个区域，无论是否加载图像滑块。有什么想法吗？@Ravi Hamsa网站所有者不希望加载动画。只需放置一个占位符框，有一个带有4个图像的大滑块。使用onload将使区域2和3的加载速度比区域1和4快。如果我对所有区域使用onload，则在加载滑块图像时，页面将为空。我希望同时加载所有四个区域，无论是否加载图像滑块。有什么想法吗？