WordPress plugin extremely slow to display content

Submitted by John_McM on Fri, 03/15/2024 - 17:39
Forums: 
Installation and server related problems

Hi Guys,

I have h5p setup and have created some content which works well the problem I am having is that the page load is quite bad. The h5p content is very slow to load or sometimes doesn't load at all. Is this a limitation of the h5p.org in presenting the content, is the wordpress plugin suitable for use in a production envirnoment? is there a way to improve the loading of content? What is the optimal setup for this to work as fast possible? Currently on a cloud server with very little use. Thanks.

BV52's picture

BV52

Mon, 03/18/2024 - 17:23

Hi,

There are a lot of websites that are created in Wordpress that uses H5P. AFAIK this site uses it https://snordian.de/ (forgive me Oliver if I'm mistaken :-). As for the issue there are several factors to consider below are some but are not limited to:

  1. Size of the page this include not just the number object/contents on the page but also the type of object/contents. If there are a lot of videos and other images it will take a lot of time to load.
  2. Speed of  the connection
  3. Computer's / Device's resources
  4. Bandwidth provided by your host provider

You may post the page here so that we can also check this on our end.

-BV

otacke's picture

otacke

Mon, 03/18/2024 - 23:37

Yup, that site and many others which are based on WordPress use H5P. Have never heard of any particular "slowness" with loading H5P. Sure, some content types can come with lots of dependencies that need to be loaded, but that's rather a question about how good the internet connection is. Once on the client, there is hardly ever anything too intense going on. WordPress is known (generalizing a little here, sorry) to slow down quite a bit when too many plugins are installed, as they all load their bits and pieces. So if you maybe also have an LMS plugin, some extra fancy theme, etc ...

Not sure though if you're really talking about WordPress though, because of "Is this a limitation of the h5p.org in presenting the content". The site h5p.org is not running WordPress, and it can be slow or even unavailable at times as the server is not only hosting the website but the H5P Hub, too, so all the traffic for downloading content type updates, etc. also needs to be handled. And that can be too much for the server at times. But maybe you were not really talking about h5p.org.

Apart from that: What BV said. It's hard to come up with a rule of thumb here. I'd throw the number of concurrent users into the mix, too. The WordPress plugin already bundles/caches many files that H5P content needs to load, so while this doesn't rule out server power issues (when many people use the site at the same time), I'd say it's rather your server's available bandwidth + the clients' internet connection that will be the bottleneck, in particular if large media files are included in the content.

stopbit's picture

stopbit

Thu, 06/13/2024 - 16:22

Hi,

I use H5P in Moodle and also on my wordpress site in some places. But, I'm just dealing with Wordpress for this question - When performing speed tests on my website, it's notable that H5P libraries, css, js assets are quite slow to load. This is mostly because there are a lot of resources in use by the H5P wordpress plugin.

Is it possible to restrict which libraries are used on a per H5P basis? If so, it would be great to isolate the ones I'm using on any given webpage to drastically improve load-time. For instance, I have an example H5P activity on this page: IOSH Managing Safely which uses the very simple 'question set' libraries - could I get this type of H5P activity to load faster by preventing the other unused libraries from being loaded (thereby excluding unnecessary css, js assets)?

I have some further examples, but the above should suffice to demonstrate. Scroll down to the location of the on page text "Our IOSH courses are studied and examined 100% online", if you perform a ctrl+f (find text on page). The question set is just below that. You'll notice the H5P assets take a significant amount of time to load.

Thanks for any pointers.