使用多个缩略图加载页面的技术(laravel 5.3)

Question

我有一个网站与几个小图片(约24)每页的部分。当我访问页面时，我可以看到页面被放大，文本显示在相关图像之前，等等。这对我来说不是问题，因为我知道web是以这种方式设计的，所以网站访问者可以在页面完全加载之前看到一些东西。问题是，今天，人们正在反对这一原则，以实现美观，隐藏页面的部分，直到它完全加载是常见的，如果不是必需的。我无法抗拒这一点(如果我可以的话，我会这么做)。当我向一些开发人员展示我的网站时，我可以看到他完全记住了这种美的想法，支持“旧原则”。

我从来没有真正尝试过设计一个具有“智能图像加载”的页面，所以我不知道从哪里开始，这就是我在这里的原因。如果你能列出一些技术，插件等，可以用来在页面中执行渐进式图像加载将有所帮助。

我的页面只需返回一个包含所有图像的视图即可加载。我假设为了实现智能图像加载，我必须通过从控制器返回json来获取图像和相关联的文本，对吗？如果是这样，我将不得不对我的系统进行重大更改。我简单地看过一种技术，它将页面上的所有图像设置为一个动态gif图像，然后当数据从服务器获取时(使用ajax/json)，它会替换图像的src属性，这是一个好技术吗？再问一次，最好的技术是什么？

Answer 1

您可以使用jquery和css在页面完全加载之前显示加载动画

教程：http://smallenvelop.com/display-loading-icon-page-loads-completely/

工作示例：http://smallenvelop.com/demo/simple-pre-loader/

使用加载动画的大公司网站：https://club.ubisoft.com/

只是一个警告:使用这种技术的网站看起来会更慢，用户甚至可能在页面加载之前离开网站，我个人认为首先显示文本的默认行为仍然是最好的。