Inconsistent loading times for portfolio pages and blog posts - Support

Viewing 12 posts - 1 through 12 (of 12 total)

Author

Posts
May 30, 2022 at 11:23 pm #1353512

dudeto29
Participant

Dear Team,

My site is finally live and looks and runs pretty well, using the Minimal portfolio design of the Enfold theme:)

I have only one weird problem with loading times. The main pages load fine, but the internal pages like portfolio items and blog posts sometimes take around 6 seconds to load on some browsers.

Here’s a screen recording on Windows 10 where you can see examples on Chrome, Firefox and IE.
https://drive.google.com/file/d/1DJKmwQSjAmnUy0Rc02M3aNr_sGWHp01g/view?usp=sharing

– On Chrome and Firefox very often the internal pages take around 6 seconds to load.
– On IE those pages load in 1-2 secs almost without exception.
– The BG and EN versions are separate multisite sites – on the BG version the Lazy loading is disabled in the theme options, on the EN version it’s enabled, but this doesn’t make much difference in my tests.
– When a portfolio page loads for 6 seconds – it shows a spinning wheel for 6 seconds then displays everything at once; when it loads for 1-2 seconds – the main content is shown almost immediately, and the small gallery photos load a bit later very smoothly (this is the desired behavior).
– I don’t use any caching plugin, only Cloudflare with Standard Caching level.
– I did a test on a Mac’s Safari as well – it behaved like IE, with consistent low loading times for all pages.

Could you please investigate why this is happening? Maybe there is some script in those pages which behaves differently in different browsers?

Thanks a lot in advance!

Best regards,
Dessi

June 1, 2022 at 2:33 pm #1353757

Ismael
Moderator

Hey dudeto29,

Thank you for your patience.

Where can we check this issue? Please post the site URL in the private field including the login details for the dashboard, if possible.

Have you tried disabling the plugins temporarily and check if it affects the loading speed of the inner pages?

Best regards,
Ismael

June 4, 2022 at 11:49 am #1354133

dudeto29
Participant

Hi Ismael!

Thank you for your answer. I’ve created a temporary admin user for you, please find the login credentials in the private field.

I haven’t tried disabling the plugins yet because I’m not sure of the impact. For example, I use the Instagram plugin (smashballoon) that came with the theme and I have spent quite some time setting it up and customizing it, so I’m a bit scared I might mess it up if I disable it:) If I disable something, will it work/look exactly as before after re-enabling it?

Thanks in advance for your help!

Best regards,
Dessi

June 6, 2022 at 4:43 am #1354270

Ismael
Moderator

Hi,

Thank you for the inquiry.

We tested the performance of one of the posts using Gtmetrix and according to the report, the post completely loads around 3.4s with time-to-first-byte around 800ms. This can be improved by installing a cache plugin such as WP Super Cache or WP Fastest Cache. Following the recommendations in the following articles should also help.

// https://gtmetrix.com/wordpress-optimization-guide.html
// https://kriesi.at/archives/scoring-100-100-in-google-pagespeed-insights-gtmetrix-pagespeed-and-yslow

You can find the gtmetrix report in the link below.

// https://gtmetrix.com/reports/dsign.bg/0n1qEUDG/

Best regards,
Ismael

June 6, 2022 at 8:25 pm #1354333

dudeto29
Participant

Hi Ismael,

Thank you for the test. However, I’m not sure this kind of test is relevant to what the user experiences in different browsers.

Please find below a quick video of a side-to-side comparison of this page https://dsign.bg/en/portfolio-item/pastel-palette-on-the-last-floor/
On left I have Chrome, on right I have Internet Explorer. I hit F5 to reload both, first on Chrome, then on IE. You can see how the page on IE shows the main content in 1-2 secs and then gradually loads all the elements, and Chrome shows a spin wheel until all the elements are loaded… Note that Chrome sometimes behaves like IE, sometimes not. In Safari I get the same results as in IE.

https://drive.google.com/file/d/1_B8dhLLmzMCc02Q7_FLTvRzF3wrLMFxZ/view?usp=sharing

I’m not sure this particular behavior in Chrome/Firefox would be solved by a caching plugin or a general optimization… Maybe there’s some settings in the theme that I should toggle to get those pages always load like in IE/Safari?

Thank you for your help,
Dessi

June 8, 2022 at 2:29 am #1354458

Ismael
Moderator

Hi!

and Chrome shows a spin wheel until all the elements are loaded

Have you tried disabling the site Page Preloading option? You can find it in the Enfold > Theme Options panel. This should disable the spinning wheel and immediately show the available content on page load.

Best regards,
Ismael

June 13, 2022 at 5:02 pm #1355054

dudeto29
Participant

Hi Ismael!

Thank you for the suggestion. I disabled the Page Preloading and now the internal Porfolio item/Blog post pages load quickly on all the browsers. But now the loading of some of the main pages looks a bit rough and choppy:) It’s especially visible on the main portfolio pages (https://dsign.bg/portfolio/) – the portfolio collection used to load in a much smoother fashion… Isn’t there a way to disable the Page Preloading option only for the portfolio item pages and blog posts?

Thanks a lot for the support,
Dessi

June 18, 2022 at 2:44 pm #1355688
Mike
Moderator
Hi,
Thank you for your patience, there is not an option to set the preloader on a page-by-page basis, but you could enable the preloader for the site and add this css to hide it on all single posts and all single portfolio items:
```
#top.single-portfolio .avia_loading_icon .av-siteloader,
#top.single-post .avia_loading_icon .av-siteloader {
	display: none !important;
    visibility: hidden !important;
}

#top.single-portfolio .avia_loading_icon,
#top.single-post .avia_loading_icon {
    background: rgba(0,0,0,0) !important;
}
```
After applying the css, please clear your browser cache and check.

Best regards,
Mike
June 21, 2022 at 2:41 pm #1356008

dudeto29
Participant

Hi Mike,

Thank you for the suggestion. I tried it on the EN version of the site (dsign.bg/en) – enabled the preloader and added the code above to the quick css in the child theme. I cleared the cache multiple times, but the spinning wheel still shows on the single portfolio and blog post pages, and they’re back to loading for more than 5 seconds before displaying… Here’s an example: https://dsign.bg/en/portfolio-item/industrial-story/
Please find below a link to a screenshot of the Quick CSS on dsign.bg – the code is on top and everything is saved. You can also check via the logins provided above.

Maybe I’m doing something wrong?

Thank you or your support.

Best regards,
Dessi

June 22, 2022 at 1:36 pm #1356151
Mike
Moderator
Hi,
Thanks for the link to your site, try this css instead:
```
#top.single-portfolio .avia_loading_icon .av-siteloader,
#top.single-post .avia_loading_icon .av-siteloader {
	display: none !important;
    visibility: hidden !important;
}

#top.single-portfolio .avia_loading_icon,
#top.single-post .avia_loading_icon {
    background: rgba(0,0,0,0) !important;
}
#top.single-portfolio .av-siteloader-wrap,
#top.single-post .av-siteloader-wrap,
#top.blog .av-siteloader-wrap {
	 background-color: transparent !important;
}
#top.single-portfolio .av-siteloader-inner *,
#top.single-post .av-siteloader-inner *,
#top.blog .av-siteloader-inner * {
	display: none !important;
}
```
After applying the css, please clear your browser cache and check.

Best regards,
Mike
June 30, 2022 at 10:50 pm #1356986

dudeto29
Participant

Hi Mike,

This one worked, thanks a lot for the help!

Best regards,
Dessi

July 1, 2022 at 12:38 pm #1357006

Mike
Moderator

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike
Author

Posts

Viewing 12 posts - 1 through 12 (of 12 total)

The topic ‘Inconsistent loading times for portfolio pages and blog posts’ is closed to new replies.