Lazyloading background images

espenmn · May 10, 2018, 2:39pm

Yes, it is not configured at all ( I am just using the site I have to demo collective.multitheme) to test.

In fact, I am trying to add a fullpage fragment, as requested here:

(which is also available at the multitheme demo site: http://xweb14d.plana.dk:8081/Plone/fragments/fullpage-1#first-section

So the 'real question is': Is there something that should be done different in the template, to make the images load faster?

If anyone has some spare time, the fragment is here:

github.com

collective/collective.multitheme/blob/master/src/collective/multitheme/theme/fragments/fullpage.pt

<div id="fullpagewrapper"
  tal:define="wall view/get_wallitems|None;
    items wall/@@contentlisting|context/@@contentlisting;
    image_size view/data/image_size|None"
  id="fragment-${view/id}"
  class="list-of-images"
  tal:condition="image_size">

  <ul id="menu">
    <li><a href="/">Forside</li>
    <li tal:repeat="item items" li data-menuanchor="${item/id}"><a href="#${item/id}">${item/Title}</a></li>
  </ul>

  <div id="fullpage">
    <tal:repeat tal:repeat="item items">
      <div  tal:define="obj item/getObject;
            item_type item/Type;
            item_id item/id;
            folderish item/is_folderish;
            item_title item/Title;

This file has been truncated. show original