README

加入我们，消灭图片加载器和旋转器。它们对提升用户体验没有任何帮助。

了解更多信息 点击这里。

您可以在 这里 看到它的实时效果

magento2-fast-product-images

magento2-fast-product-images 移除了产品图片中的加载图片。

Magento 2 默认的产品图片行为是先加载旋转器，然后在 fotorama 画廊中加载所有图片。这会导致旋转器一直显示，直到 DOM 加载完成，然后 JavaScript 可以接管并替换它。即使是最快的 Magento 2 网站也会显得很慢。

此模块非常简单，它用画廊中的第一张图片替换旋转器。因此，页面现在只需显示图片，而不会让您感觉像是在等待它加载。它存在一些挑战，因为 fotorama 的 JavaScript 在核心中，以及许多主题都自定义了画廊模板。

如果您已更改 Magento_Catalog/templates/product/view/gallery.phtml 文件，那么您肯定需要对其进行一些更改。

安装

composer config repositories.magento2-fast-product-images git git@github.com:xumulus/magento2-fast-product-images.git
composer require xumulus/magento2-fast-product-images:dev-master -n
bin/magento module:enable Xumulus_FastGalleryLoad
bin/magento setup:upgrade
bin/magento setup:static-content:deploy

使用方法

安装后，您需要启用模块 Stores->Config->Xumulus->Fast Gallery Load

没有管理员设置；如果您想恢复默认行为，可以禁用该模块。

主题修改

如果您使用的是打包的主题，并且它包含 ../Magento_Catalog/templates/product/view/gallery.phtml，可能需要修改。

通常的方法是在页面加载后复制 JavaScript 渲染的 HTML，然后将其集成到 gallery.phtml 文件中，以便在第一次渲染所需的 HTML。这允许我们不必重新设计 fotorama.js，并允许像可配置产品这样的东西在颜色选择时仍然更改图片。

许多这些更改都可以应用到您主题中的 gallery.phtm。

未来计划

我们将在这次之后稍作等待，以确定下一步行动。如有疑问，请联系我们 sales@xumulus.com。

发行说明：2018年7月1日 初始构建，实验。我们理解这个模块的一些部分可以优化，代码可以移动到块代码等，但在初始版本中没有这样做。