This question is not answered. Helpful answers available: 0. Correct answers available: 1.


Permlink Replies: 8 - Pages: 1 - Last Post: 13 Jun 15, 01:35 Last Post By: Papuzka1957
Papuzka1957

Posts: 49
Registered: 26-Jul-2008
Excessive Index page
Posted: 9 Jun 15, 01:31
 
  Click to reply to this thread Reply
My album contains about 110000 pictures in 8 folders with sub folders. The front page is shown well.

http://bilder.helmuts-fahrrad-seiten.de/index.html

If you browse for example to "Jedermannrennen" you have to wait a long time till all pics are shown and the links get active. If you browse to "RTF & Radmarathon" the browser can't the whole page and the links. This page is to large.

Does anyone have an idea how to get the pics on the index page smaler so that the browser could handle that?
JeffTucker

Posts: 7,682
Registered: 31-Jan-2006
Re: Excessive Index page
Posted: 9 Jun 15, 02:03   in response to: Papuzka1957 in response to: Papuzka1957
 
  Click to reply to this thread Reply
Not directly related to this problem, but in looking at your site, I see that you have told Photoblogger to insert code in the <head> section of the HTML that is not valid. This section of the HTML should never include actual content that is to be shown on the page. In placing content in the <head> section, you have produced invalid HTML.
Laza

Posts: 2,860
Registered: 6-Sep-2005
Re: Excessive Index page
Posted: 9 Jun 15, 12:19   in response to: Papuzka1957 in response to: Papuzka1957
Helpful
  Click to reply to this thread Reply
I think you should chop your folders into smaller ones. Not only photoblogger but any page with 1000 pictures will load slowly. On top of this Photoblogger calculates tiling, which adds even more processing time.

Also some of your folders load extremely slow, which can be either a server problem, or the invalid HTML, jGromit noted.
Papuzka1957

Posts: 49
Registered: 26-Jul-2008
Re: Excessive Index page
Posted: 11 Jun 15, 04:28   in response to: Laza in response to: Laza
 
  Click to reply to this thread Reply
I've killed the invalid HTML in this test page.

http://bilder.helmuts-fahrrad-seiten.de/RTF%20&%20Radmarathon/Unbenannt1.html

It's still the same. Anyway - now I've added the banner code in the Thumbnails not <HEAD> section. I would like to find a Header section with which I could add code to the top of the album just like I could do that with the Tumbnail section and the bottom.

I think that the problem with the long loading time is that the pages tries to show many large pics. I'll try it with smaler ones. That will take me a while.

Edited by: Papuzka1957 on 11-Jun-2015 04:53
Laza

Posts: 2,860
Registered: 6-Sep-2005
Re: Excessive Index page
Posted: 11 Jun 15, 14:10   in response to: Papuzka1957 in response to: Papuzka1957
Helpful
  Click to reply to this thread Reply
Here's how Photoblogger builds the page:

1. The index.html is loaded by the browser. It contains only the first 6-8 thumbnails. Supposed to render in a few millisecs.
2. Photoblogger loads the /tree.json database which contains all the folders in the album. This depends on the size of the whole tree, but as it contains only the folders, it supposed to take some 20-200ms.
3. Photoblogger loads the current folder's all pictures from the data1.json file. This depends on the number of pictures in the current folder, approximately 1ms / image.
4. The skin renders the thumbnails without the thumbnail images, that is only the frame and the text. This wildly depends on the CPU speed.
5. The skin repositions all the thumbnails to fit them optimally. This could take also as much time as the previous step.
6. As you scroll down the visible thumbnails get loaded progressively.

From this it's clear the slow loading is not due to the large thumbnails, rather the high number of thumbnails per page. Naturally using too large thumbnails is a bad practice, because that will generate high traffic, but it will not affect the initial load time.
Papuzka1957

Posts: 49
Registered: 26-Jul-2008
Re: Excessive Index page
Posted: 12 Jun 15, 00:46   in response to: Laza in response to: Laza
 
  Click to reply to this thread Reply
Thanks for the explanation.

To reduce the size of the folderthumbs made the initial load of the page much faster but not fast enough.

http://bilder.helmuts-fahrrad-seiten.de/RTF%20&%20Radmarathon/index.html

The initial load of a page with hundrets of thumbs doesn't take so much time.

http://bilder.helmuts-fahrrad-seiten.de/RTF%20&%20Radmarathon/Barsbuettel%20-%20RTF%20St.%20Pauli%20Kaperfahrt%20'14/index.html

That brought me to the idea that I would like to get smaller pics also in four colums on an index page. Do I have the chance to generate it that way?
Laza

Posts: 2,860
Registered: 6-Sep-2005
Re: Excessive Index page
Posted: 12 Jun 15, 10:07   in response to: Papuzka1957 in response to: Papuzka1957
 
  Click to reply to this thread Reply
It seems your server limits the number of the requests and allows some 16 requests per 2-3 seconds. I guess it's done in an attempt to fend off DDOS attacks. However when the 15s timeframe is over Chrome gives up on loading any more items on a page, and finally no external libraries get loaded, and not even the skin's most important tree.json file.

I believe your service provider's setup is way too limited. It shouldn't choke on some 300 items.

I think I should implement progressive loading of folder thumbnails too. Originally I didn't think of the situation when a user has more than a hundred subfolders on a page.
JeffTucker

Posts: 7,682
Registered: 31-Jan-2006
Re: Excessive Index page
Posted: 12 Jun 15, 13:27   in response to: Laza in response to: Laza
 
  Click to reply to this thread Reply
Laza wrote:
I believe your service provider's setup is way too limited.

I agree completely. These days, with pages calling external libraries, even a fairly limited page might be making more than 16 calls when loading, and forcing those to wait is nuts - it's the sort of thing that Google will punish, for example, and that will annoy your site visitors.

And for a photo album, which will typically have dozens of thumbnails, it's completely unacceptable. Even if the page loads the thumbnails progressively, it might need all of those thumbnails to produce a thumbstrip for the first "slide" image.

Reliable, no-limits, no throttling web hosts can be had for less than $10 a month, the cost of a couple of fancy Starbucks coffees. There's no reason to scrimp.
Papuzka1957

Posts: 49
Registered: 26-Jul-2008
Re: Excessive Index page
Posted: 13 Jun 15, 01:34   in response to: JeffTucker in response to: JeffTucker
 
  Click to reply to this thread Reply
$10 a month, the cost of a couple of fancy Starbucks coffees. There's no reason to scrimp.

Right! I pay € 33 a month for my web hosting package (Strava, Berlin). That's about $ 37.

On monday I'll contact them and ask if it's true what you've searched out.

Edited by: Papuzka1957 on 13-Jun-2015 01:34
Legend
Forum admins
Helpful Answer
Correct Answer

Point your RSS reader here for a feed of the latest messages in all forums