Support

August 31, 2016 at 5:35 am

Hi Gautam,

The reason amrityoga.org/events-calendar/ is loading slowly is you have multiple event lists on that page (at least 10) and each of those individual queries takes time.

So you have the Calendar which queries the database for the events.

You then have 8 event lists, I’m assuming using [ESPRESSO_EVENTS] with some having categories set on the shortcode. Again each of those shortcodes individually query the database all at the same time.

Then the Upcoming events widget, another event list query.

That’s a lot of queries that run on each page load, regardless of what you do within the database (which already uses indexes to help with load times).

If you select an event and run a registration the page loads fine, so its not any/all of the EE shortcodes, it’s the amount of shortcodes being used on that page.

Do you have an page using a single instance of [ESPRESSO_EVENTS] listing the events? If so can you link me to that please?

August 31, 2016 at 10:33 am

So that page loads in about 3 seconds – http://take.ms/5mib9

However its another 7 seconds until all of your other elements on the pages are loaded. Those being CSS, JS, images, basically anything else that is included within the page.

One images taking 4 seconds due to its size – http://take.ms/DXAP7

—

The calendar page takes roughly 12 seconds before a response is received from the server – http://take.ms/LLUfH

Then roughly another 7 seconds for all the other elements to load.

—

The 3 and 12 seconds are the ‘time to first byte’ (TTFB) which basically means the time it takes for the server to process your request, pull in all of the information from the database and then start outputting the details to the browser.

Being below the fold makes no different on the page load, the queries are made server side and then output to the page, that’s what your waiting for here.

Think of it this way, if I give you a list of items to purchase from a store/shop, TTFB is the time it takes for you to pick the items from the shelves and arrive to the checkout. Now imagine I give you 10 lists, it takes you a lot longer to gather those items before your checkout.

To increase that page load you need to reduce the amount of information you’re pulling in on that page.

To do what your looking to do with the various sections you would need a custom solution that ran the shortcode when each section was clicked, then populated the page from the query (using ajax).

So page load only actually loads the information the user can actually view, then when they select the various sections you pull in those details dynamically (which is the same way the calendar works).