Optimizar el tamaño de la página para Shopify-verdades incómodas

La verdad incómoda en mi caso es que nuestra página principal pesa actualmente 3,4 MB - y esto es sólo el HTML.

Había confiado demasiado en los desarrolladores del tema - estamos usando un tema llamado "Fastor" de Roarthemes.

Desgraciadamente se ha hecho una mala elección de diseño en este tema; o tal vez sea un comportamiento por defecto de Shopify (buscando a alguien a quien culpar, obviamente...).

En cualquier caso, para cada producto se incluyen todos los datos, incluida la descripción del artículo. Tenemos sliders, mostrando muchos productos diferentes en nuestra página.

Así, el tamaño se multiplica.

El culpable

El código es así, para cada producto:

window.products.id1302097199206 = {“id”:1302097199206,”title”:”OpenDrop V2″,”handle”:”opendrop-v2″,”descripción":"\N-Esta es la OpenDrop v2, plataforma experimental para \Nla microfluídica digital.

Se incluye la descripción completa. Para cada uno de los productos vinculados en el sitio principal. Y eso es mucho. Mucho texto.

Esto se genera así:

{{producto | json}}

y los siguientes archivos de Roartheme Fastor son relevantes para ello:

Normalmente no se necesita toda la descripción del artículo en una página que enlaza con el artículo, ¿verdad? No se utiliza en el frontend.

Desgraciadamente liquid, el motor de plantillas de Shopify, no soporta regex.

Fijación de

mi sugerencia actual es eliminar la línea completa en todas las plantillas mencionadas (pero NO los archivos JS o los archivos js.liquid - ¡no es necesario allí!).

Esto ha reducido el tamaño del HTML de nuestra página principal a 1,8 MB. Todavía es mucho. Vamos a cambiar a otro tema, esto servirá mientras tanto.

La funcionalidad se ha degradado un poco - en las ventanas de vista previa, ahora no se pueden ver todas las imágenes. Pero es un gran problema. Todavía puedes hacer clic en el producto y echarle un vistazo.

Las páginas de los productos en sí, por lo que veo no se modifican de ninguna manera por esto.

Sin embargo, proceda bajo su propio riesgo.