X3Photo Gallery Forums

I checked you site on my iPad and I think the performance is not that bad.
Personally I think that 800Kb is too big... My pictures are at most 500 Kb
Maybe you can compare the performance of my website with yours... not that mine is very quick because I have no compression on my server.

EDIT:
Erik, I checked you check-page and found only green checks.
Can you tell me (since you are from The Netherlands too) what provider you've got?

elpd wrote:I'm really happy with the looks and handling but not so happy with the loading speed on mobile devices.

Just to clarify some things: There is no difference between the page-loads on desktop, and mobile ... The only difference is that it "might" load smaller images on mobile, simply because the screen is smaller.

As for "loading speed on mobile devices", what exactly are you referring to? The speed for the page to load BEFORE images even start loading? ... or WHEN images are loading? It is virtually impossible to get anything faster than X3 when navigating between pages ... This is the data file that loads when you navigate to another page, both on desktop and mobile:
http://erikfotografie.nl/bedrijfsfotogr ... rafie.json

Wow, only 45 kb compressed to 3.6 kb, and loads in 1 second from a connection in Asia! This is the same file for mobile ... If your mobile is slow loading this, then you have a big issue with either your device or internet connection or host, which no website can solve for you.


Ok, so considering the above, I am going to make an assumption that you in fact mean the "images" are loading slow, and not the pages, because I think we can prove that a page loads quite fast.

So what's the deal with images? In regards to images, things are becoming entirely related to the raw power of your server: A) Creating and resizing the images, and B) Serving the images through the internet. These things are very much out of Imagevue's hands, because we simply can't make your server more powerful or serve images faster. However, there are a few things you might wish to consider, especially the first:

1) When viewing your "galleries" from various devices, the images may initially take MUCH longer to load on the first visit. Why? Because your server is busy resizing the images to suit the given device screen. If your server is shared, it could even be VERY slow on the first visit ... I challenge you to visit the same page again from the same device (empty cache if needed), for example http://erikfotografie.nl/bedrijfsfotogr ... otografie/ ... Still slow? I think not ... The conclusion, is that in an initial phase (days, perhaps weeks, depending on your visitor mass), images may load slowly on some devices/screens, until your server has processed and cached images at multiple sizes and built up the cache reservoir.

http://erikfotografie.nl/bedrijfsfotogr ... fotografie
I check this page on my mobile, from the other side of the world, and images are loading much faster than average, especially considering they are high-quality. Can anyone else please check and see if the page is slow??

Furthermore,here is Pingdom test, which basically loads the same page regardless if it is mobile or desktop:
http://tools.pingdom.com/fpt/#!/4ZAfW/h ... fotografie

Wow ... now thats fast.

elpd wrote:The performance on a computer/laptop with a fast and solid connection is nice but on a smartphone (Samsung Galaxy S5 for example) or iPad (with retina screen) it's poor. Loading the homepage is OK but the folders with portfolio stuff takes a while. I think to long....?

Really don't know where you are getting your test results from ... There is no "mobile" version, or any difference in output on mobile. It outputs the same page on load, and may load smaller images, and X3 can't push images faster than your server pushes them. As mentioned, this issue is likely gonna be because your server had to process the images for the first time.

elpd wrote:Today I turned on preload to 'true' but I can't see any difference in speed.

Preload will NOT affect the speed of images, because they still need to get processed on server, and the visitors still needs to download every image that displays on the page. The preload option just makes the "page" load instant between pages (page load does not include the images).

Furthermore, I see you have not enabled preload, at least when I checked:

elpd wrote:Is there something I can do or check (other than increase the amount of pictures and downsizing the size) to speed things up a bit?

It's not slow ... It's fast, and the only reasons it may have seemed slow for you, may have been because your server was preoccupied processing the image before it could even output them.

Perhaps you should use our demo gallery as benchmark, and test it from mobile or any device?
https://demo.photo.gallery/

This gallery has likely been visited to such degree that the image cache has been populated already. This is basically the speed that X3 provides on mobile once the cache is created, and it is fast. If your website serves MUCH slower images, then it means it is either A) creating the images for the specific page, or B) the server is simply underpowered/over-shared/slow.

mjau-mjau wrote:http://erikfotografie.nl/bedrijfsfotogr ... fotografie
Can anyone else please check and see if the page is slow??

No, contrary, I think it's very fast...
When I compare it to a page of mine, it is much faster than for example this one:
http://www.martinbroeze.nl/mb/g1/places/alaska/
You should try to reload both pages with F5... mine is so much slower...



(That's why I'm interested in the name of Erik's website provider )

elpd wrote:I mean the time it takes to show the first image(s). For example...when I go to http://www.erikfotografie.nl/bedrijfsfo ... otorgafie/ form the menu after entering the homepage on my iPad it takes 20,44 seconds before the first images pops up.
Of course I can blame my device but half the world is using a device like that. On my Samsung Galaxy S5 it takes 13 seconds and on the S4 of my wife and the S4 of my colleague it takes almost a minute before the first images pops up.

Ok, first of all ... How are you testing this, where do you get the seconds from? Are you using some web inspector?

Second, please did you check our demo gallery, because if it is slow on mobile, then obviously our X3 demo gallery should be slow also ...

Third: So basically you "get to the page", and first image starts loading, and it takes 20.44 seconds to load? Basically what you are saying, is your website spends 20.44 seconds to load an image ... It is not like X3 is loading it in any special way ... Its just loading it.

More: Your server certainly is not fast. See 200kb takes 5 seconds to load on a 10mb connection:
https://d.pr/i/11vdB

How long time does it take you to load a 400kb from our server?
https://demo.photo.gallery/content/2.ga ... ookies.jpg

elpd wrote:I also used the Pingdom site prior to opening this topic and the numbers are impressive indeed. But in my opinion that's not the real world. Also comparing to the demo gallery is not realistic.

The only real-world factors that can't be included in the worlds best performance tests anno 2015, are the ones directly related the server speed output. Imagevue X3 addresses these non-included factors by using "server-caching" for both pages and images. If the output is still slow after this, it all narrows down to pure server performance and bandwidth in regards to outputting static content, which Imagevue X3 cannot improve further.

In the pingdom test, it loads the entire page in 2 seconds, including images. How is that wrong? ... and how would that change for a mobile?

elpd wrote:You don't have that many pictures in your test gallery.

So what? A "page load" does not consist of loading ALL images ... images dont event load until you scroll them into close vicinity of the viewport. This is because we dont want to force the user to download all images when they navigate to a page, unless they actually scroll through them ... Aren't we testing in regards to your "from first image starts loading, and it takes 20.44 seconds to load".

elpd wrote:I have my own dedicated server so no shared hosting what so ever. I know there is no "mobile" version. I'm also not saying that. I'm just putting out the difference between watching my website on a desktop/laptop computer and mobile devices in the real world and I was looking for a solution to equalize the user experience.

Problem is, I am on my iphone here, and it takes a few seconds until the first image is loaded in the viewport. Please can anyone else check these for speed from a mobile device:
http://erikfotografie.nl/bedrijfsfotogr ... otografie/
https://demo.photo.gallery/examples/gallery/vertical/

elpd wrote:I thought it had something to do with the warnings PageSpeed Insights is giving:
Link 1: https://developers.google.com/speed/pag ... gevuex.com Mobile score: 26/100
Link 2: https://developers.google.com/speed/pag ... fzwolle.nl Mobile score: 59/100

The reason for the low score on mobile, is primarily in slideshow, where we are loading "horizontal" retina images into a vertical layout. If we load them smaller, then they wont be retina, so the logic is correct, and google is basically presenting a false negative. If we navigate to a normal gallery page, for example this, then the score is 65/100 https://d.pr/i/1jucP. The reason for the penalization here, is because it Google doesnt like that we load the entire compressed javascript and css before the page displays ... This is from the perspective of for example news websites (for example CNN), where it is ultra-important that the visitor can view "over the folder content" as soon as possible at any cost. In X3, we need to load the X3 application file to create the swift application. In the real-world, it has little effect, at least not for you, because even if we eliminated this issue, it would still be loading the images for as long as your server takes to output them.

elpd wrote:If I follow your words the only solution for me is to upgrade my server or buy better/faster devices. But unfortunately that's not helping the rest of the world who is viewing my website too.

I would really really like to get opinions from other people who have clicked around in for example the demo gallery, or even yours ... and considering the quality of the images, consider it slow? People, please check.

The "speed" is not related to the amount of images on a page.

elpd wrote:I will further downsize my pictures and reduce the amount. I think that's the only solution.

You are aware that X3 downsizes images in the mobile version to perfectly suit the screen width and pixel ratio? Downsizing your originals, may not have any effect, apart from perhaps on your ipad which may be loading the large images.

My Guess
My guess, is that you are viewing from an ipad, loading original images, and your server is simply outputting slow bandwidth. As in my test above, it loaded 200kb in 5 seconds from here ... That means it would load 20x 500kb images in 4 minutes. Imagevue X3 really can't affect in any way the speed your server is outputting images unfortunately, and this is the core of the discussion isn't it?

elpd wrote:If I follow your words the only solution for me is to upgrade my server or buy better/faster devices

I don't want to make any claims in regards to that. Essentially, in regards to how fast your server is outputting a static image file, it would not matter what website you used Wordpress, Joomla or anything else, it would still output a static image file at the speed it is now. X3 cannot throttle this in anyway, and it isn't doing anything in the background.

Please if anyone can test the following scenario:

1. Go to this page from a mobile device
http://www.erikfotografie.nl/bedrijfsfo ... otografie/

2. Navigate to Portretfotografie directly from the menu

3. How long time does it take for the first image on the new page to display after clicking the link in the menu?

---

Here it took max a few seconds ...

elpd wrote:I have my own dedicated server so no shared hosting what so ever.

Also, sorry but this makes me a bit suspicious in terms of testing. Where is this dedicated server located? Is there any reason to believe it would serve faster bandwidth than a shared server hosted in a professional location?

elpd wrote:Please check Reclamefotografie and NOT Portretfotografie!!

The first image in "reclamefotografie" (only ~200kb) takes 9 seconds (!!) to load, from a desktop, when accessed directly in browser (outside of X3).

Thus, it will obviously takes at least as long time from a mobile/ipad, and obviously it will take as long time also when viewed in X3. In fact, if it has to load two or three images at once (which is likely), it will take 3 times as long (almost 30 seconds) to load. Note, this raw speed output is entirely unrelated to X3 ...

This test can obviously be related to my location, but I am just saying what I see. Basically there is nothing in X3 (also mobile), which in any way is inhibiting the speed of the output of page or image (once they are cached, and in your scenario, they are). X3 outputs the html (quite fast I think is indisputable), and then images are loaded as fast as your server serves them. It is that simple.

Another important factor you may be overlooking:
You are aware that your ipad is likely loading much larger images than desktop? Possibly images that are 3-4 times as large ... Why? Because your ipad has a retina double-density screen, and thus requires larger images ... and ALSO, because the responsive layout, although on a smaller screens, will often stack into a single column, which technically means 1 image per full width.

mjau-mjau wrote:

elpd wrote:I will further downsize my pictures and reduce the amount. I think that's the only solution.

I would not downsize them, but only use more compression, and then use kraken for further lossless compression...

https://kraken.io/web-interface

mjau-mjau wrote:Please can anyone else check these for speed from a mobile device:
http://erikfotografie.nl/bedrijfsfotogr ... otografie/
https://demo.photo.gallery/examples/gallery/vertical/

16 seconds:
http://erikfotografie.nl/bedrijfsfotogr ... otografie/

6 seconds:
https://demo.photo.gallery/examples/gallery/vertical/[/quote]

both from my iPad (WiFi / 11Mb connection)

(from my desktop with cable connection: both only 2 seconds)

elpd wrote:

mjau-mjau wrote:Please if anyone can test the following scenario:

1. Go to this page from a mobile device
http://www.erikfotografie.nl/bedrijfsfo ... otografie/

2. Navigate to Portretfotografie directly from the menu

3. How long time does it take for the first image on the new page to display after clicking the link in the menu?

---

Here it took max a few seconds ...

Please check Reclamefotografie and NOT Portretfotografie!!

Well, there is definitely something strange going on... here it takes a long time... some 25 seconds.
You see it loading, then the waiting cursor disappears, then it starts again...
One time it took more than a minute to go to that page...

I checked my own site and did something alike on my iPad (changing from one gallery to another).
.. it took only a couple of seconds to do this on my site...
The strange thing is that Erik's site is much, much faster on my desktop than my own...