I tried several things to nail it down or get a better understanding of what is causing this. The problem appears on the front page and on the portfolio since these are the two pages which have the image loader/slider
But first the details.
I tested the website from several systems including an
-iMac latest generation with 12GB RAM
-2011 MacBook Pro 13" (weakest processor)
-Windows Desktop running XP on a really old Pentium
-iPad Generation 1 + 3
On these system I have used various versions of Safari,FF, IE to check for the above mentioned issue. Almost all showed an identical clunky loading of the website. FF was a little better on the Macs but not on the older PC... Safari showed always bad performance with this image loading slider in Angular.
The images have all been resized to match the specified size (in the supporting documentation file) for the long vertical image and the portfolio images. They are all between 20-40 KB, exported via Illustrator as jpeg and then again improved with WP SMUSH.IT.
SInce I use some plugin-widgets in the footer i installed a lazy-load plugin to load all "external" footer widgets after the main site. This brought no change to the performance issue of the image loading slider.
Then I wanted to know if the performance is improved if there are less images to load... After I removed the portfolio section from the frontpage, the main long vertical slider with the green image loads smooth again.. of course the performance decreases with every portfolio entry I add on the frontpage. The same applies for the portfolio page. Showing all 4 images = clunky, showing only 1 = smooth...
I use usual webhosting but that shouldn't be a problem given the small size of the images. To check if the image slider is the problem I also added the images as "sole" pictures to the frontpage and as expected they loaded immediately while the slider was loading clunky and making the website also "freeze" for half a second several times...
Please, any help or workaround on this would really be appreciated!
If there is any way to use some other technology for the slider/image loader from any other theme of Kriesi, please help me get this solved.