5 Replies Latest reply on Sep 24, 2007 5:38 AM by Pete Muir

    s:graphicImage and s:transformImage VERY, VERY slow

    Waseem Quraishi Newbie

      I've got an object of blog which contains a collection of blog_photos. The blog_photos are persisted in a mysql db as binary data. This works great. When I render the view, the s:graphicImage takes an enormous amount of time to render. At first, I thought, it was the transform but that only adds a second. Here's the code:

      <rich:dataGrid value="#{blog.photo}" var="blogPhoto"
       columns="3">
       <rich:panel rendered="#{blogPhoto ne null}">
       <s:graphicImage value="#{blogPhoto.data}"
       style="border: 1px;"
       rendered="#{blogPhoto ne null}" styleClass="boxed">
       <s:transformImageSize height="97" maintainRatio="true" />
       </s:graphicImage>
       <rich:toolTip followMouse="true" direction="top-right"
       value="#{blogPhoto.photoDescription}" horizontalOffset="-50"
       verticalOffset="5">
       <s:graphicImage value="#{blogPhoto.data}"
       style="border: 1px;"
       rendered="#{blogPhoto ne null}" styleClass="boxed">
       <s:transformImageSize height="450" maintainRatio="true" />
       </s:graphicImage>
       </rich:toolTip>
       </rich:panel>
       </rich:dataGrid>
      
      
      I'm sure this is the cause b/c when I comment out the code, the page renders in a second. With 12 images or so, i takes about 12 seconds.
      
      Thanks for your help.