Very Large Page Size
Hi,
I've got a very large page that's too big to scroll to the bottom of the browser in mobile...it only makes it about 80% of the way down the page on first load. It does make it at the second attempt, but clients will simply think its not working.
I reduced the no. of images & the page size from 13.5mb down to 2.5mb, but the above issue is still there.
Please advise if there's any way to make this page load fully and/or quicker?
Do I need to split the page in half?
You can view at wighttheory.com/all-websites
Cheers.
David
-
Hi David,
I tested your page on an Android mobile at my end. Please see my test here https://media.publit.io/file/wighttheory.mp4 Your page seems to load 100% in Incognito mode.
0 -
Hi Kc,
Sorry, I wasn't clear. The page does indeed scroll all the way down. The problem is, if you click the first orange button 'Pricing Options', the scroll only takes you down to about 80% of the way down on the first attempt ('Pricing Options' lives at the very bottom of the page). If you then go back to the top and press this button again, it then works properly.
Is this because the page is too big?
But clients won't know this. They are not going to try it twice, I suspect.
Regards,
David
0 -
Hi David,
Looks like something has gone wrong with your page https://www.wighttheory.com/all-websites
I hope you did not lose the page.
0 -
Hi Kc,
It's fine...It often comes up with a 500 internal error message, it just needs time to reorganise itself.
The page is now finally finished...the issue remains, however. It is so large that any blocks near the bottom of the page are not reached by the links (there is no problem when simply scrolling down the page)
As I said, it manages to reach the block at the second attempt, but this is not going to work with clients who're trying to navigate the page.
Please revisit & give me any thoughts on how to fix this? Less items, or split the page?
Regards,
David
0 -
Hi David,
Looks like the page is being loaded progressively. When a user is at 10% of the total scrolling length of the page, up to 30% of the total scroll length is loaded. When the user reaches 30% of the total scroll length, up to 50% of the scroll length is loaded. When the user scrolls to 80% of the total scroll length, full page is loaded.
For users who are scrolling down looking at few designs here and there, they may not find an issue with the page. For those who want to navigate to the last section immediately after the page load, they will experience this issue
Some food for thought: If you organize the whole page within an accordion element, it may behave differently. Consider setting up categories within different accordion elements. The 23 categories can be 23 accordion headings and the respective designs can be under each accordion element. May be you can drag and drop content into the accordion element.
I have not made a long accordion like this; hence cannot confirm how it will behave.
0 -
Hi Kc,
It might work...however, I can't see how to change the background colour, and more importantly, I guess you can't link directly to (say) accordion no.4 from another page, like you can link directly to a block?
David
0 -
Hi Kc,
I've now figured out the styling/colour options. I've included tags, but I can't figure out how to link the tags to the accordion sections...
Can you also confirm that I cannot link directly to an accordion section from another page?
Please advise.
0 -
Hi,
You can check the issue on mobile here:
wighttheory.com/accordion
Clicking on the tabs at the top causes the accordion sections to disappear.
0 -
The url has changed to
wighttheory.com/all-websites
0 -
Hi David,
Linking directly to an accordion section from another page is not possible. Tags cannot be linked to different accordion sections either.
The tags and the accordion section headings look similar. May be you can get rid of the tags.
0 -
Hi Kc,
As advised, I'm working with accordions. This is working pretty well, but the restaurants section has (presumably) reached the memory limit & will not load (wighttheory.com/restaurants)
Can you give me more information about 'Current Query'? Does it work only on pages, or individual blocks as well?
I'm building separate pages for each cuisine. I've entered a new restaurant 'American Diner 1' & added the taxonomy 'American Diner' to this entry. Going into my 'American Diner Restaurants' page & opening the 'All Diners' accordion, I'm trying to link this restaurant under 'Current Query'...the only sub option is 'Restaurants' & this is not picking up my new restaurant.
What am I doing wrong?
David
0 -
wighttheory.com/american-diners
0 -
Hi David,
You are right. The page https://www.wighttheory.com/restaurants is returning an internal server error.
Only if I take a look at your project and see how you have implemented the Custom assets and its taxonomy, I can help you with the issue you are facing.
0 -
Ok give me your email & I'll add you.
0 -
Ok, done.
0 -
Hi David,
You said "Going into my 'American Diner Restaurants' page & opening the 'All Diners' accordion, I'm trying to link this restaurant under 'Current Query'...the only sub option is 'Restaurants' & this is not picking up my new restaurant.
I have looked at your project and the new restaurant you have added 'American diner 1' is listed in the America Diners page. https://www.wighttheory.com/american-diner-2
Did I understand you correctly or are you looking for something else?
0 -
Hi Kc,
You are looking at the page 'american-diner-2. This page is listed under 'Cuisines,.
I set up a new page (not a custom asset) called 'American Diners'.
As you can see below, I've set it up trying to use the 'Current Query' & it is not working.
Does this mean that the 'American Diners' page has to be listed as a custom asset under 'Cuisines' and will not work as a stand alone page?
If this is correct, under 'All Restaurants', I've marked 'American Diner 1 as 'American Diner' under 'Cuisines' and as 'Sandown' under 'Locations'.
I've then gone in under the taxonomy 'Locations' to set up the page 'Sandown'.
As you can see below, 'American Diner 1' restaurant is not showing up when I select 'Current Query' & 'Locations'.
Based on the logic of 'American Diner 1' showing up under 'Cuisines', why is it not showing up under 'Locations'?
0 -
Also,
As we discussed above:
'You are right. The page https://www.wighttheory.com/restaurants is returning an internal server error'.
Any update? This is all accordion & includes all restaurants & locations on one page. Is it simply too big & needs to be split up into individual cuisines, or can it be saved & shown on the front end as one page?
0 -
Hi David,
The Current Query option is meant to display custom assets belonging to a specific taxonomy (or blogposts belonging to a specific category). This option can be used only for developing taxonomy pages. Current Query does not work with a regular pages.
I could reproduce the problem you are facing. In one of my projects, I have created a Restaurant custom assets and has Cuisines and Locations as taxonomies. While I can develop taxonomy pages for Cuisines using the Current Query, I cannot develop taxonomy pages for Locations. Looks like the taxonomy pages can be developed only for the first taxonomy and not for the subsequent ones.
If your restaurant page is giving an internal server error, the page is too heavy and the server cannot handle the load. You may need to split the page into two.
0 -
Hi Kc,
Restaurants has too many levels. I need to simplify it down but the whole thing is frying my brain tbh.
I'm trying something with fewer levels, without specific locations...Photography. So we have:
Photography
Photography Types (fashion, weddings etc).
I then enter all the photographers on the island under 'All Photographers' & add the types as below.
You mention that current query only works on custom asset pages.
How do I set up a page within custom assets, rather than a standard page? Do I have to set up a photographer listing as 'All Photographers' & make a page from that? I tried this & used 'Current Query' but nothing is showing up in the listings.
I want each accordion block to list the relevant types of photographer under the @photographers' page, as below.
this page is: wighttheory.com/all-photographers.
Is it possible to do this? If so, how?
If not, what do I have to do to get all my photographers listing in their correct listings?
Cheers.
David
0 -
Hi David,
Looks like you have added two taxonomies under the 'Photographers' custom asset
- All Photographers
- Photographer Types
You can setup taxonomy archive pages only for the first taxonomy. Hence please delete the taxonomy "All Photographers" and keep only 'Photographer Types' as taxonomy and please add photographers under the custom asset "Photographers'
0 -
Hi Kc,
This is what I've done already. I enter all photographers under 'Photographers' & Brizy then lists them automatically under 'All Photographers'. I didn't enter a second taxonomy with this name.
Hence, my query still applies. At the moment, I went into my list of photographers and entered a fake name (Photographers Custom Asset Home Page), so I could access the builder under the Photographers custom asset, as I cannot find a way to build this page anywhere else, apart from as a stand alone (non custom) page.
Is this the only way to do it? If not, how do I set up a Photographers page in custom assets, so I can make the 'Current Query' option work?
0 -
Hi David,
The Current Query is for listing the custom assets in the taxonomy archive pages. To list the wedding photographers in a regular page, please make these selections.
- Source: Photographers
- Included By: Photographer Types
- Photographer Type: Wedding
In this example, I have selected Source: Recipes and 'Included By': 'Recipe Type'
0 -
Hi Kc,
I'm now working my way through the site & reducing the pages, using accordions.
Unfortunately I'm still getting far too many 500 internal error messages when the site tries to load in the front end. I understand the page will load slower due to initial cache set up, but as a dynamic site, these pages will be updated on a regular basis, and having a page take well over 20 seconds to load, or receiving the 500 internal error so often does not bode well for the future.
Can yo look into this issue?
I've reduced the overall no. of items to load considerably already.
David
0 -
Hi David,
Ideally a directory website like this should be hosted on a server which can upgrade its hardware resources (like available RAM, diskspace, bandwidth etc.) as the directory grows. When you are hosting a website like this on a SaaS website builder, you are likely to face server resource crunch because it is not designed to handle such resource intense websites.
We have no way to increase server resources for a specific project. I am not sure what the solution could be.
0 -
Hi KC,
I've cut the pages down dramatically, split the larger sections into 3, 4 and even 5 pages & there is, as yet, no dynamic content (directory listings).
I understand your comment about the page needing to load in the cache first & that it will load quicker next time.
However, whereas some pages are loading within 2 seconds, as soon as I come out the vast majority of the pages and re-enter it, it is taking 25-40 seconds to load, which is obviously unacceptable.
Can you see why this is happening? From your comments above, it looks like I cannot build this site out in Brizy cloud, but I would still like to showcase it in its current form, but this is not possible given the load times.
Please look into it and let me know why everything is still so slow, whilst being a relatively small, dynamic content free site.
Regards,
David
0 -
Hi David,
I have created a private ticket for you. We will look into the reasons why the dynamic content is not displaying and keep in contact with you through email.
0 -
Hi KC,
To be clear, the dynamic content is displaying with no problems, in the 3 pages where I've entered a directory entry.The issue is that the pages that display the dynamic blocks (with no directory entries submitted yet) are taking about 30+ seconds to load, even on the second attempt when in theory, they should have been cached.
Cheers.
David0 -
Thanks David for the clarification
0
Please sign in to leave a comment.
Comments
30 comments